# สี #c4f6fc: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว

#c4f6fc คือ rgb(196, 246, 252) ใน RGB และ oklch(94.052% 0.05148 205.361) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #c4f6fc |
| RGB | rgb(196, 246, 252) |
| HSL | hsl(186.43, 90.32%, 87.84%) |
| HSB / HSV | hsv(186.43 22.22% 98.82%) |
| HWB | hwb(186.43 76.86% 1.18%) |
| CMYK | cmyk(22% 2% 0% 1%) |
| Lab | lab(93.56 -15.52 -8.42) |
| LCH | lch(93.56 17.65 208.48) |
| OKLab | oklab(94.052% -0.04652 -0.02205) |
| OKLCH | oklch(94.052% 0.05148 205.361) |
| Display P3 | color(display-p3 0.80809 0.95903 0.98333) |
| Rec. 2020 | color(rec2020 0.83213 0.94733 0.98099) |
| Adobe RGB | color(a98-rgb 0.82629 0.96355 0.98685) |
| ProPhoto RGB | color(prophoto-rgb 0.84168 0.93537 0.97771) |
| sRGB เชิงเส้น | color(srgb-linear 0.55201 0.92158 0.97345) |
| XYZ D65 | color(xyz-d65 0.73288 0.84674 1.04581) |
| XYZ D50 | color(xyz-d50 0.73494 0.8425 0.79229) |
| SwiftUI | Color(red: 0.769, green: 0.965, blue: 0.988) |
| UIKit | UIColor(red: 0.769, green: 0.965, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFC4F6FC) |
| Android XML | #C4F6FC |

## ข้อมูล

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

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

#c4f6fc, #caf7fc, #d0f8fd, #d6f9fd, #dcfafd, #e2fbfe, #e8fcfe, #eefcfe, #f4fdfe, #f9feff

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

#c4f6fc, #aad6db, #91b7bb, #78989c, #617b7e, #4a5f62, #354547, #212c2d, #0e1516, #020303

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

#c4f6fc, #c8f5fa, #ccf4f9, #d1f3f7, #d5f2f5, #d9f1f4, #dcf0f2, #e0eff0, #e4edef, #e8eced

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

- คู่ตรงข้าม: #c4f6fc, #ffdfda
- คู่ตรงข้ามแยก: #c4f6fc, #ffdeed, #ffe3cb
- ข้างเคียง: #c4f6fc, #c8f7ea, #cbf2ff
- สามเส้า: #c4f6fc, #fee0ff, #fbeac5
- สี่เหลี่ยมผืนผ้า: #c4f6fc, #dcecff, #ffdfda, #fbeac5
- สี่เหลี่ยมจัตุรัส: #c4f6fc, #ede5ff, #ffdfda, #e9f0c9
- โทนสีเดียว: #c4f6fc, #79a8ae, #9eced4, #ceffff, #ceffff

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

### #c4f6fc คือสีอะไร

#c4f6fc เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(196, 246, 252) ใน HSL คือ hsl(186.43, 90.32%, 87.84%) และใน OKLCH คือ oklch(94.052% 0.05148 205.361)

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

สีตรงข้ามของ #c4f6fc คือ #ffdfda หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c8f7ea และ #cbf2ff ส่วนสีสามเส้าคือ #fee0ff และ #fbeac5

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

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

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

#c4f6fc เป็นสีโทนเย็น ใน OKLCH มีฮิว 205 องศา ความสว่าง 94.1% และความสด 0.051