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

#6fd3f0 คือ rgb(111, 211, 240) ใน RGB และ oklch(81.701% 0.10192 219.121) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #6fd3f0 |
| RGB | rgb(111, 211, 240) |
| HSL | hsl(193.49, 81.13%, 68.82%) |
| HSB / HSV | hsv(193.49 53.75% 94.12%) |
| HWB | hwb(193.49 43.53% 5.88%) |
| CMYK | cmyk(54% 12% 0% 6%) |
| Lab | lab(79.34 -24.59 -23.84) |
| LCH | lch(79.34 34.25 224.11) |
| OKLab | oklab(81.701% -0.07907 -0.06431) |
| OKLCH | oklch(81.701% 0.10192 219.121) |
| Display P3 | color(display-p3 0.53352 0.81816 0.92767) |
| Rec. 2020 | color(rec2020 0.58784 0.78715 0.91723) |
| Adobe RGB | color(a98-rgb 0.57776 0.82292 0.93486) |
| ProPhoto RGB | color(prophoto-rgb 0.61896 0.75929 0.90375) |
| sRGB เชิงเส้น | color(srgb-linear 0.15896 0.65141 0.87137) |
| XYZ D65 | color(xyz-d65 0.45575 0.56257 0.90898) |
| XYZ D50 | color(xyz-d50 0.44488 0.55517 0.6877) |
| SwiftUI | Color(red: 0.435, green: 0.827, blue: 0.941) |
| UIKit | UIColor(red: 0.435, green: 0.827, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF6FD3F0) |
| Android XML | #6FD3F0 |

## ข้อมูล

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

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

#6fd3f0, #80d8f2, #90dcf3, #9fe1f5, #aee5f7, #bceaf8, #caeefa, #d7f2fb, #e5f7fc, #f2fbfe

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

#6fd3f0, #60b7d1, #519cb2, #428295, #346978, #27515d, #1a3a43, #0e242a, #041014, #010203

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

#6fd3f0, #7ad2ec, #84d0e7, #8ecfe3, #97cdde, #9fccda, #a7cad5, #aec8d1, #b5c7cc, #bcc5c8

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

- คู่ตรงข้าม: #6fd3f0, #fdac92
- คู่ตรงข้ามแยก: #6fd3f0, #fda7b5, #eeb779
- ข้างเคียง: #6fd3f0, #6bd9d1, #8fc9ff
- สามเส้า: #6fd3f0, #f0a9d9, #d3c575
- สี่เหลี่ยมผืนผ้า: #6fd3f0, #b5bdff, #fdac92, #d3c575
- สี่เหลี่ยมจัตุรัส: #6fd3f0, #d7b1f6, #fdac92, #afd089
- โทนสีเดียว: #6fd3f0, #0e87a2, #45acc8, #b0f7ff, #cffeff

## คำถามเกี่ยวกับ #6fd3f0

### #6fd3f0 คือสีอะไร

#6fd3f0 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(111, 211, 240) ใน HSL คือ hsl(193.49, 81.13%, 68.82%) และใน OKLCH คือ oklch(81.701% 0.10192 219.121)

### สีอะไรเข้ากับ #6fd3f0

สีตรงข้ามของ #6fd3f0 คือ #fdac92 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6bd9d1 และ #8fc9ff ส่วนสีสามเส้าคือ #f0a9d9 และ #d3c575

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

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

### #6fd3f0 เป็นสีโทนร้อนหรือโทนเย็น

#6fd3f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 81.7% และความสด 0.102