# สี #97bab4: โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด

#97bab4 คือ rgb(151, 186, 180) ใน RGB และ oklch(76.141% 0.03873 183.725) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/97bab4

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97bab4 |
| RGB | rgb(151, 186, 180) |
| HSL | hsl(169.71, 20.23%, 66.08%) |
| HSB / HSV | hsv(169.71 18.82% 72.94%) |
| HWB | hwb(169.71 59.22% 27.06%) |
| CMYK | cmyk(19% 0% 3% 27%) |
| Lab | lab(72.79 -13.17 -1.07) |
| LCH | lch(72.79 13.22 184.65) |
| OKLab | oklab(76.141% -0.03865 -0.00252) |
| OKLCH | oklch(76.141% 0.03873 183.725) |
| Display P3 | color(display-p3 0.61943 0.72539 0.70588) |
| Rec. 2020 | color(rec2020 0.60824 0.68937 0.67356) |
| Adobe RGB | color(a98-rgb 0.62936 0.72367 0.70101) |
| ProPhoto RGB | color(prophoto-rgb 0.59273 0.6591 0.64803) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.49102 0.45641) |
| XYZ D65 | color(xyz-d65 0.38558 0.44992 0.49834) |
| XYZ D50 | color(xyz-d50 0.38937 0.44853 0.3779) |
| SwiftUI | Color(red: 0.592, green: 0.729, blue: 0.706) |
| UIKit | UIColor(red: 0.592, green: 0.729, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF97BAB4) |
| Android XML | #97BAB4 |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด
- กลุ่มสี: สีเขียวหัวเป็ด, โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด
- คลาส Tailwind ที่ใกล้ที่สุด: olive-400
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 2.1:1
- คอนทราสต์กับสีดำ: 10:1

## สีผสมขาว (Tint)

#97bab4, #a1c1bb, #acc8c3, #b6ceca, #c0d5d1, #cbdcd9, #d5e3e0, #dfeae8, #eaf1f0, #f4f8f7

## สีผสมดำ (Shade)

#97bab4, #83a19c, #6f8985, #5c726e, #495c58, #374644, #263230, #171e1d, #080d0c, #010202

## สีผสมเทา (Tone)

#97bab4, #9ab9b4, #9db8b3, #9fb7b3, #a2b7b3, #a5b6b3, #a7b5b2, #aab4b2, #acb3b2, #afb2b2

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #97bab4, #c8a8af
- คู่ตรงข้ามแยก: #97bab4, #c1a9bc, #c9a9a2
- ข้างเคียง: #97bab4, #9fb9a6, #96b8c1
- สามเส้า: #97bab4, #b6acc6, #c4ad99
- สี่เหลี่ยมผืนผ้า: #97bab4, #9db5c9, #c8a8af, #c4ad99
- สี่เหลี่ยมจัตุรัส: #97bab4, #a9b0cb, #c8a8af, #b9b296
- โทนสีเดียว: #97bab4, #50716c, #73958f, #bde1db, #dafef8

## คำถามเกี่ยวกับ #97bab4

### #97bab4 คือสีอะไร

#97bab4 เป็นโทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(151, 186, 180) ใน HSL คือ hsl(169.71, 20.23%, 66.08%) และใน OKLCH คือ oklch(76.141% 0.03873 183.725)

### สีอะไรเข้ากับ #97bab4

สีตรงข้ามของ #97bab4 คือ #c8a8af หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fb9a6 และ #96b8c1 ส่วนสีสามเส้าคือ #b6acc6 และ #c4ad99

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #97bab4

ตัวอักษรสีดำอ่านง่ายกว่าบน #97bab4: สีขาวให้อัตราคอนทราสต์ 2.1:1 และสีดำให้ 10:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #97bab4 เป็นสีโทนร้อนหรือโทนเย็น

#97bab4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 184 องศา ความสว่าง 76.1% และความสด 0.039