# สี #97d8dd: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว

#97d8dd คือ rgb(151, 216, 221) ใน RGB และ oklch(84.037% 0.0659 202.03) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97d8dd |
| RGB | rgb(151, 216, 221) |
| HSL | hsl(184.29, 50.72%, 72.94%) |
| HSB / HSV | hsv(184.29 31.67% 86.67%) |
| HWB | hwb(184.29 59.22% 13.33%) |
| CMYK | cmyk(32% 2% 0% 13%) |
| Lab | lab(82.11 -20.42 -9.42) |
| LCH | lch(82.11 22.49 204.77) |
| OKLab | oklab(84.037% -0.06109 -0.02472) |
| OKLCH | oklch(84.037% 0.0659 202.03) |
| Display P3 | color(display-p3 0.6472 0.84017 0.8615) |
| Rec. 2020 | color(rec2020 0.66939 0.81317 0.84482) |
| Adobe RGB | color(a98-rgb 0.6718 0.84289 0.86209) |
| ProPhoto RGB | color(prophoto-rgb 0.67444 0.78757 0.8279) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.68669 0.72306) |
| XYZ D65 | color(xyz-d65 0.50367 0.6091 0.77512) |
| XYZ D50 | color(xyz-d50 0.50288 0.60496 0.58731) |
| SwiftUI | Color(red: 0.592, green: 0.847, blue: 0.867) |
| UIKit | UIColor(red: 0.592, green: 0.847, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF97D8DD) |
| Android XML | #97D8DD |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว
- กลุ่มสี: สีฟ้าอมเขียว, โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว
- คลาส Tailwind ที่ใกล้ที่สุด: slate-300
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 1.59:1
- คอนทราสต์กับสีดำ: 13.18:1

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

#97d8dd, #a2dce0, #ade0e4, #b7e4e7, #c2e8eb, #ccecee, #d7f0f1, #e1f3f5, #ebf7f8, #f5fbfc

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

#97d8dd, #83bcc0, #6fa0a4, #5c8588, #496b6e, #375355, #263b3d, #172526, #081111, #010202

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

#97d8dd, #9dd7db, #a3d5d9, #a8d4d7, #aed3d6, #b3d1d4, #b8d0d2, #bdcfd0, #c1cdce, #c6cccc

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

- คู่ตรงข้าม: #97d8dd, #f3bab7
- คู่ตรงข้ามแยก: #97d8dd, #eebacf, #eebfa4
- ข้างเคียง: #97d8dd, #9fd9c6, #a0d3ef
- สามเส้า: #97d8dd, #e0bde5, #e0c79a
- สี่เหลี่ยมผืนผ้า: #97d8dd, #b3ccf7, #f3bab7, #e0c79a
- สี่เหลี่ยมจัตุรัส: #97d8dd, #cbc4f3, #f3bab7, #cbd09e
- โทนสีเดียว: #97d8dd, #4d8c91, #71b1b6, #beffff, #c1ffff

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

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

#97d8dd เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(151, 216, 221) ใน HSL คือ hsl(184.29, 50.72%, 72.94%) และใน OKLCH คือ oklch(84.037% 0.0659 202.03)

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

สีตรงข้ามของ #97d8dd คือ #f3bab7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9fd9c6 และ #a0d3ef ส่วนสีสามเส้าคือ #e0bde5 และ #e0c79a

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

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

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

#97d8dd เป็นสีโทนเย็น ใน OKLCH มีฮิว 202 องศา ความสว่าง 84% และความสด 0.066