#40B2D9

#40B2D9

Overview

#40B2D9 is a cool, light color. In RGB it is 64, 178, 217, in HSL 195.3°, 66.8%, 55.1%, and in CMYK 70.5%, 18.0%, 0.0%, 14.9%. The nearest named color is Cerulean.

On this page

ค่าสี

HEX

#40B2D9

RGB

64, 178, 217

HSL

195.3, 66.8%, 55.1%

HSV

195.3, 70.5%, 85.1%

CMYK

70.5%, 18.0%, 0.0%, 14.9%

OKLCH

0.7159 0.1148 224.9

คุณสมบัติ

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

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

#40B2D9

#D96740

สีใกล้เคียง

#40D9B4

#4065D9

#40B2D9

สามสี

#40B2D9

#D940B2

#B2D940

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

#40B2D9

#D94065

#D9B440

สี่สี

#40B2D9

#B440D9

#D96740

#65D940

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

ต้นฉบับ

#40B2D9

ตาบอดสีแดง

#7172D0

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

#6B62CD

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

#46C8C6

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

#9D9D9D

การใช้งาน CSS

background-color: #40B2D9;
color: #40B2D9;
border-color: #40B2D9;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 500 #06B6D4

เฉดสี Tailwind

50
#F3F9FC
100
#E3F2F7
200
#C3E7F3
300
#99D6EB
400
#62C0E0
500
#2AA9D5
600
#2287AA
700
#1B6C88
800
#15556A
900
#133F4E
950
#0C2831

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

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

2.45:1

AA Fail AAA Fail

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

8.59:1

AA Pass AAA Pass

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

#40B2D9
#D96740
#40B2D9
#FFFFFF
#000000
#40B2D9

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

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

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 #40B2D9?

RGB(64, 178, 217) · HSL(195.3, 66.8%, 55.1%) · CMYK(70.5%, 18.0%, 0.0%, 14.9%)

Does #40B2D9 meet WCAG contrast on white?

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

What text color is readable on #40B2D9?

Use 000000 text on a #40B2D9 background; contrast on black is 8.59:1.