# สี #7ccffd: โทนพาสเทล เฉดอ่อนของสีฟ้า

#7ccffd คือ rgb(124, 207, 253) ใน RGB และ oklch(81.877% 0.10385 234.277) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7ccffd |
| RGB | rgb(124, 207, 253) |
| HSL | hsl(201.4, 96.99%, 73.92%) |
| HSB / HSV | hsv(201.4 50.99% 99.22%) |
| HWB | hwb(201.4 48.63% 0.78%) |
| CMYK | cmyk(51% 18% 0% 1%) |
| Lab | lab(79.14 -16.94 -30.97) |
| LCH | lch(79.14 35.3 241.32) |
| OKLab | oklab(81.877% -0.06064 -0.08431) |
| OKLCH | oklch(81.877% 0.10385 234.277) |
| Display P3 | color(display-p3 0.56253 0.8036 0.9745) |
| Rec. 2020 | color(rec2020 0.60726 0.77349 0.96875) |
| Adobe RGB | color(a98-rgb 0.59724 0.80697 0.98509) |
| ProPhoto RGB | color(prophoto-rgb 0.64231 0.74768 0.95872) |
| sRGB เชิงเส้น | color(srgb-linear 0.20156 0.62396 0.98225) |
| XYZ D65 | color(xyz-d65 0.48352 0.56001 1.01193) |
| XYZ D50 | color(xyz-d50 0.46875 0.5517 0.76481) |
| SwiftUI | Color(red: 0.486, green: 0.812, blue: 0.992) |
| UIKit | UIColor(red: 0.486, green: 0.812, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF7CCFFD) |
| Android XML | #7CCFFD |

## ข้อมูล

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

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

#7ccffd, #8bd4fe, #99d9fe, #a6defe, #b3e3ff, #c0e8ff, #cdecff, #daf1ff, #e6f6ff, #f3faff

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

#7ccffd, #6bb4dc, #5a99bc, #4a7f9d, #3b677f, #2c4f62, #1e3847, #11232d, #051016, #010203

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

#7ccffd, #85cef7, #8dcdf2, #95ccec, #9ccbe6, #a4cae1, #aac9db, #b1c8d5, #b7c6cf, #bec5c9

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

- คู่ตรงข้าม: #7ccffd, #f9b282
- คู่ตรงข้ามแยก: #7ccffd, #ffa9a3, #e3be72
- ข้างเคียง: #7ccffd, #66d7e3, #a2c3ff
- สามเส้า: #7ccffd, #f9a8c8, #c2cc7c
- สี่เหลี่ยมผืนผ้า: #7ccffd, #c7b7ff, #f9b282, #c2cc7c
- สี่เหลี่ยมจัตุรัส: #7ccffd, #e6adea, #f9b282, #9ad699
- โทนสีเดียว: #7ccffd, #2c83ae, #55a8d5, #c5f2ff, #dbfbff

## คำถามเกี่ยวกับ #7ccffd

### #7ccffd คือสีอะไร

#7ccffd เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(124, 207, 253) ใน HSL คือ hsl(201.4, 96.99%, 73.92%) และใน OKLCH คือ oklch(81.877% 0.10385 234.277)

### สีอะไรเข้ากับ #7ccffd

สีตรงข้ามของ #7ccffd คือ #f9b282 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #66d7e3 และ #a2c3ff ส่วนสีสามเส้าคือ #f9a8c8 และ #c2cc7c

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

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

### #7ccffd เป็นสีโทนร้อนหรือโทนเย็น

#7ccffd เป็นสีโทนเย็น ใน OKLCH มีฮิว 234 องศา ความสว่าง 81.9% และความสด 0.104