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

#7fd6fa คือ rgb(127, 214, 250) ใน RGB และ oklch(83.43% 0.09795 226.668) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7fd6fa |
| RGB | rgb(127, 214, 250) |
| HSL | hsl(197.56, 92.48%, 73.92%) |
| HSB / HSV | hsv(197.56 49.2% 98.04%) |
| HWB | hwb(197.56 49.8% 1.96%) |
| CMYK | cmyk(49% 14% 0% 2%) |
| Lab | lab(81.14 -20.17 -26.33) |
| LCH | lch(81.14 33.17 232.55) |
| OKLab | oklab(83.43% -0.06722 -0.07125) |
| OKLCH | oklch(83.43% 0.09795 226.668) |
| Display P3 | color(display-p3 0.57842 0.83069 0.96524) |
| Rec. 2020 | color(rec2020 0.62526 0.80243 0.95891) |
| Adobe RGB | color(a98-rgb 0.61502 0.8349 0.97428) |
| ProPhoto RGB | color(prophoto-rgb 0.65641 0.77712 0.94899) |
| sRGB เชิงเส้น | color(srgb-linear 0.21223 0.67244 0.95597) |
| XYZ D65 | color(xyz-d65 0.50051 0.59505 0.99294) |
| XYZ D50 | color(xyz-d50 0.48832 0.58724 0.7509) |
| SwiftUI | Color(red: 0.498, green: 0.839, blue: 0.98) |
| UIKit | UIColor(red: 0.498, green: 0.839, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF7FD6FA) |
| Android XML | #7FD6FA |

## ข้อมูล

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

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

#7fd6fa, #8edafb, #9bdffb, #a9e3fc, #b6e7fd, #c2ebfd, #cfeffe, #dbf3fe, #e7f7fe, #f3fbff

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

#7fd6fa, #6ebad9, #5d9eba, #4c849b, #3c6a7d, #2d5261, #1f3b46, #11252d, #061015, #010203

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

#7fd6fa, #88d5f5, #91d4f0, #99d2eb, #a1d1e7, #a8d0e2, #afcfdd, #b6cdd8, #bcccd3, #c2cace

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

- คู่ตรงข้าม: #7fd6fa, #feb592
- คู่ตรงข้ามแยก: #7fd6fa, #ffafb2, #edc17e
- ข้างเคียง: #7fd6fa, #73ddde, #9fcbff
- สามเส้า: #7fd6fa, #f8afd5, #d0cd81
- สี่เหลี่ยมผืนผ้า: #7fd6fa, #c3bfff, #feb592, #d0cd81
- สี่เหลี่ยมจัตุรัส: #7fd6fa, #e3b5f4, #feb592, #abd898
- โทนสีเดียว: #7fd6fa, #2e8aab, #58afd2, #c9f8ff, #d6fcff

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

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

#7fd6fa เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(127, 214, 250) ใน HSL คือ hsl(197.56, 92.48%, 73.92%) และใน OKLCH คือ oklch(83.43% 0.09795 226.668)

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

สีตรงข้ามของ #7fd6fa คือ #feb592 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #73ddde และ #9fcbff ส่วนสีสามเส้าคือ #f8afd5 และ #d0cd81

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

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

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

#7fd6fa เป็นสีโทนเย็น ใน OKLCH มีฮิว 227 องศา ความสว่าง 83.4% และความสด 0.098