# สี #97c5fd: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#97c5fd คือ rgb(151, 197, 253) ใน RGB และ oklch(81.139% 0.09349 253.738) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #97c5fd |
| RGB | rgb(151, 197, 253) |
| HSL | hsl(212.94, 96.23%, 79.22%) |
| HSB / HSV | hsv(212.94 40.32% 99.22%) |
| HWB | hwb(212.94 59.22% 0.78%) |
| CMYK | cmyk(40% 22% 0% 1%) |
| Lab | lab(77.8 -5.16 -32.87) |
| LCH | lch(77.8 33.27 261.09) |
| OKLab | oklab(81.139% -0.02618 -0.08975) |
| OKLCH | oklch(81.139% 0.09349 253.738) |
| Display P3 | color(display-p3 0.62916 0.76743 0.97318) |
| Rec. 2020 | color(rec2020 0.64516 0.73792 0.96669) |
| Adobe RGB | color(a98-rgb 0.64434 0.76721 0.98384) |
| ProPhoto RGB | color(prophoto-rgb 0.6699 0.71434 0.95532) |
| sRGB เชิงเส้น | color(srgb-linear 0.30947 0.55834 0.98225) |
| XYZ D65 | color(xyz-d65 0.50455 0.53602 1.00619) |
| XYZ D50 | color(xyz-d50 0.49053 0.52867 0.75994) |
| SwiftUI | Color(red: 0.592, green: 0.773, blue: 0.992) |
| UIKit | UIColor(red: 0.592, green: 0.773, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF97C5FD) |
| Android XML | #97C5FD |

## ข้อมูล

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

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

#97c5fd, #a1cbfe, #acd1fe, #b6d7fe, #c1ddff, #cbe2ff, #d5e8ff, #e0eeff, #eaf4ff, #f5f9ff

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

#97c5fd, #83abdc, #6f92bc, #5c799d, #49617f, #374b62, #263547, #17212d, #080e16, #010203

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

#97c5fd, #9cc5f7, #a0c5f1, #a4c4eb, #a9c4e6, #adc4e0, #b1c3da, #b5c3d4, #b9c2ce, #bdc2c7

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

- คู่ตรงข้าม: #97c5fd, #e6b97c
- คู่ตรงข้ามแยก: #97c5fd, #f5ae90, #cbc57c
- ข้างเคียง: #97c5fd, #7acfee, #b9bafc
- สามเส้า: #97c5fd, #f7a9af, #a9cf91
- สี่เหลี่ยมผืนผ้า: #97c5fd, #d7b0ec, #e6b97c, #a9cf91
- สี่เหลี่ยมจัตุรัส: #97c5fd, #eda9d1, #e6b97c, #86d5b1
- โทนสีเดียว: #97c5fd, #4f7aae, #729fd5, #d0ebff, #e5f7ff

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

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

#97c5fd เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(151, 197, 253) ใน HSL คือ hsl(212.94, 96.23%, 79.22%) และใน OKLCH คือ oklch(81.139% 0.09349 253.738)

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

สีตรงข้ามของ #97c5fd คือ #e6b97c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7acfee และ #b9bafc ส่วนสีสามเส้าคือ #f7a9af และ #a9cf91

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

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

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

#97c5fd เป็นสีโทนเย็น ใน OKLCH มีฮิว 254 องศา ความสว่าง 81.1% และความสด 0.093