# สี #97c4f3: โทนละมุน เฉดอ่อนของสีน้ำเงิน

#97c4f3 คือ rgb(151, 196, 243) ใน RGB และ oklch(80.52% 0.08226 249.969) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97c4f3 |
| RGB | rgb(151, 196, 243) |
| HSL | hsl(210.65, 79.31%, 77.25%) |
| HSB / HSV | hsv(210.65 37.86% 95.29%) |
| HWB | hwb(210.65 59.22% 4.71%) |
| CMYK | cmyk(38% 19% 0% 5%) |
| Lab | lab(77.22 -6.69 -28.43) |
| LCH | lch(77.22 29.21 256.75) |
| OKLab | oklab(80.52% -0.02818 -0.07729) |
| OKLCH | oklch(80.52% 0.08226 249.969) |
| Display P3 | color(display-p3 0.62826 0.7636 0.93638) |
| Rec. 2020 | color(rec2020 0.64051 0.73321 0.9259) |
| Adobe RGB | color(a98-rgb 0.64295 0.76324 0.94455) |
| ProPhoto RGB | color(prophoto-rgb 0.65898 0.70854 0.91119) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.55201 0.89627) |
| XYZ D65 | color(xyz-d65 0.48677 0.52529 0.92371) |
| XYZ D50 | color(xyz-d50 0.47579 0.51892 0.69792) |
| SwiftUI | Color(red: 0.592, green: 0.769, blue: 0.953) |
| UIKit | UIColor(red: 0.592, green: 0.769, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF97C4F3) |
| Android XML | #97C4F3 |

## ข้อมูล

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

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

#97c4f3, #a1caf4, #acd0f6, #b6d6f7, #c1dcf9, #cbe2fa, #d5e8fb, #e0edfc, #eaf3fd, #f5f9fe

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

#97c4f3, #83aad3, #6f91b4, #5c7897, #49617a, #374a5e, #263544, #17212b, #080e14, #010203

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

#97c4f3, #9bc4ee, #a0c3e9, #a4c3e4, #a8c3df, #acc2da, #b0c2d4, #b4c1cf, #b8c0ca, #bbc0c5

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

- คู่ตรงข้าม: #97c4f3, #e2b785
- คู่ตรงข้ามแยก: #97c4f3, #eeae97, #cbc183
- ข้างเคียง: #97c4f3, #80cce4, #b4baf4
- สามเส้า: #97c4f3, #efaab3, #aecb92
- สี่เหลี่ยมผืนผ้า: #97c4f3, #d0b1e8, #e2b785, #aecb92
- สี่เหลี่ยมจัตุรัส: #97c4f3, #e4abd0, #e2b785, #90d0ad
- โทนสีเดียว: #97c4f3, #4f7aa5, #729ecb, #c9eaff, #e3f8ff

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

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

#97c4f3 เป็นโทนละมุน เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(151, 196, 243) ใน HSL คือ hsl(210.65, 79.31%, 77.25%) และใน OKLCH คือ oklch(80.52% 0.08226 249.969)

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

สีตรงข้ามของ #97c4f3 คือ #e2b785 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #80cce4 และ #b4baf4 ส่วนสีสามเส้าคือ #efaab3 และ #aecb92

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

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

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

#97c4f3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 80.5% และความสด 0.082