#97DEEF

#97DEEF

Overview

#97DEEF is a cool, light color. In RGB it is 151, 222, 239, in HSL 191.6°, 73.3%, 76.5%, and in CMYK 36.8%, 7.1%, 0.0%, 6.3%. The nearest named color is Sky Blue.

On this page

ค่าสี

HEX

#97DEEF

RGB

151, 222, 239

HSL

191.6, 73.3%, 76.5%

HSV

191.6, 36.8%, 93.7%

CMYK

36.8%, 7.1%, 0.0%, 6.3%

OKLCH

0.8595 0.0744 214.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Sky Blue

จิตวิทยาสี

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

ความกลมกลืนของสี

สีตรงข้าม

#97DEEF

#EFA897

สีใกล้เคียง

#97EFD4

#97B2EF

#97DEEF

สามสี

#97DEEF

#EF97DE

#DEEF97

สีตรงข้ามแบบแยก

#97DEEF

#EF97B2

#EFD497

สี่สี

#97DEEF

#D497EF

#EFA897

#B2EF97

การจำลองตาบอดสี

ต้นฉบับ

#97DEEF

ตาบอดสีแดง

#B6B6EB

ตาบอดสีเขียว

#B2ACEA

ตาบอดสีน้ำเงิน

#9BE8E7

ตาบอดสีทั้งหมด

#D0D0D0

การใช้งาน CSS

background-color: #97DEEF;
color: #97DEEF;
border-color: #97DEEF;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 200 #A5F3FC

เฉดสี Tailwind

50
#F3FAFC
100
#E2F4F8
200
#C1EBF5
300
#95DDEF
400
#5BCBE6
500
#22B9DD
600
#1B94B1
700
#16768D
800
#115C6E
900
#104450
950
#0A2B33

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

1.5:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

14.01:1

AA Pass AAA Pass

เปรียบเทียบกับ

#97DEEF
#EFA897
#97DEEF
#FFFFFF
#000000
#97DEEF

บทความที่เกี่ยวข้อง

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #97DEEF?

RGB(151, 222, 239) · HSL(191.6, 73.3%, 76.5%) · CMYK(36.8%, 7.1%, 0.0%, 6.3%)

Does #97DEEF meet WCAG contrast on white?

1.5:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #97DEEF?

Use 000000 text on a #97DEEF background; contrast on black is 14.01:1.