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

#9ccecb คือ rgb(156, 206, 203) ใน RGB และ oklch(81.559% 0.0522 191.578) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ccecb |
| RGB | rgb(156, 206, 203) |
| HSL | hsl(176.4, 33.78%, 70.98%) |
| HSB / HSV | hsv(176.4 24.27% 80.78%) |
| HWB | hwb(176.4 61.18% 19.22%) |
| CMYK | cmyk(24% 0% 1% 19%) |
| Lab | lab(79.19 -17.35 -4.1) |
| LCH | lch(79.19 17.82 193.3) |
| OKLab | oklab(81.559% -0.05114 -0.01048) |
| OKLCH | oklch(81.559% 0.0522 191.578) |
| Display P3 | color(display-p3 0.65227 0.80231 0.79425) |
| Rec. 2020 | color(rec2020 0.65865 0.77247 0.77071) |
| Adobe RGB | color(a98-rgb 0.66933 0.80298 0.79154) |
| ProPhoto RGB | color(prophoto-rgb 0.65248 0.74497 0.74949) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.61721 0.5972) |
| XYZ D65 | color(xyz-d65 0.46559 0.55521 0.64765) |
| XYZ D50 | color(xyz-d50 0.46814 0.55264 0.49101) |
| SwiftUI | Color(red: 0.612, green: 0.808, blue: 0.796) |
| UIKit | UIColor(red: 0.612, green: 0.808, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF9CCECB) |
| Android XML | #9CCECB |

## ข้อมูล

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

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

#9ccecb, #a6d3d0, #b0d8d5, #baddda, #c4e2e0, #cee6e5, #d8ebea, #e2f0ef, #ebf5f4, #f5fafa

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

#9ccecb, #87b3b0, #739896, #5f7f7d, #4c6665, #394e4d, #283837, #182322, #090f0f, #010202

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

#9ccecb, #a0cdca, #a4ccc9, #a9cbc8, #adcac8, #b0c8c7, #b4c7c6, #b8c6c5, #bbc5c4, #bfc4c3

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

- คู่ตรงข้าม: #9ccecb, #e2b5ba
- คู่ตรงข้ามแยก: #9ccecb, #dbb6cc, #e1b8a9
- ข้างเคียง: #9ccecb, #a6ceb8, #9ecbdb
- สามเส้า: #9ccecb, #cebadc, #d8be9e
- สี่เหลี่ยมผืนผ้า: #9ccecb, #abc6e4, #e2b5ba, #d8be9e
- สี่เหลี่ยมจัตุรัส: #9ccecb, #bcbfe4, #e2b5ba, #c9c49e
- โทนสีเดียว: #9ccecb, #538381, #77a8a5, #c2f6f2, #cefffe

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

### #9ccecb คือสีอะไร

#9ccecb เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 206, 203) ใน HSL คือ hsl(176.4, 33.78%, 70.98%) และใน OKLCH คือ oklch(81.559% 0.0522 191.578)

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

สีตรงข้ามของ #9ccecb คือ #e2b5ba หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6ceb8 และ #9ecbdb ส่วนสีสามเส้าคือ #cebadc และ #d8be9e

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

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

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

#9ccecb เป็นสีโทนเย็น ใน OKLCH มีฮิว 192 องศา ความสว่าง 81.6% และความสด 0.052