#3DBB96

#3DBB96

white

#FFFFFF

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

2.4:1

Delta E

54.2

Very Different

ผสม 50:50

#A7DEC9

ค่าสี

รูปแบบ #3DBB96 #FFFFFF
HEX #3DBB96 #FFFFFF
RGB 61, 187, 150 255, 255, 255
HSL 162.4, 50.8%, 48.6% 0.0, 0.0%, 100.0%
HSV 162.4, 67.4%, 73.3% 0.0, 0.0%, 100.0%
CMYK 67.4%, 0.0%, 19.8%, 26.7% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.7136 0.1229 169.5 1.0 0.0 89.9

คอนทราสต์และการเข้าถึง

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

ความสามารถในการอ่านข้อความ

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #FFFFFF → พื้นหลัง: #3DBB96

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #3DBB96 → พื้นหลัง: #FFFFFF

ความแตกต่างของสี (Delta E)

54.2 Very Different
0 — เหมือนกัน 5 — คล้ายคลึงกัน 25 — แตกต่างพอสังเกตได้ 100 — แตกต่างมาก

ไล่ระดับสี

#3DBB96 #67C7A7 #88D2B8 #A7DEC9 #C5E9DB #E2F4ED #FFFFFF

การผสมสี

#3DBB96

100%

#78CDAF

75:25

#A7DEC9

50:50

#D4EFE4

25:75

#FFFFFF

100%

โค้ดไล่ระดับสี CSS

background: linear-gradient(to right, #3DBB96, #FFFFFF);
background: linear-gradient(135deg, #3DBB96, #FFFFFF);

สำรวจแต่ละสี

#3DBB96

ดูรายละเอียดสีทั้งหมด

white

ดูรายละเอียดสีทั้งหมด

การเปรียบเทียบที่เกี่ยวข้อง