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

#abecbd คือ rgb(171, 236, 189) ใน RGB และ oklch(88.695% 0.09205 152.873) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abecbd |
| RGB | rgb(171, 236, 189) |
| HSL | hsl(136.62, 63.11%, 79.8%) |
| HSB / HSV | hsv(136.62 27.54% 92.55%) |
| HWB | hwb(136.62 67.06% 7.45%) |
| CMYK | cmyk(28% 0% 20% 7%) |
| Lab | lab(88.1 -28.25 16.02) |
| LCH | lch(88.1 32.48 150.44) |
| OKLab | oklab(88.695% -0.08193 0.04197) |
| OKLCH | oklch(88.695% 0.09205 152.873) |
| Display P3 | color(display-p3 0.72462 0.91848 0.75544) |
| Rec. 2020 | color(rec2020 0.74327 0.8979 0.73119) |
| Adobe RGB | color(a98-rgb 0.74937 0.92318 0.74438) |
| ProPhoto RGB | color(prophoto-rgb 0.72749 0.87544 0.71448) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.8388 0.50888) |
| XYZ D65 | color(xyz-d65 0.55973 0.72322 0.59156) |
| XYZ D50 | color(xyz-d50 0.57346 0.72278 0.45049) |
| SwiftUI | Color(red: 0.671, green: 0.925, blue: 0.741) |
| UIKit | UIColor(red: 0.671, green: 0.925, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFFABECBD) |
| Android XML | #ABECBD |

## ข้อมูล

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

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

#abecbd, #b4eec4, #bdf0ca, #c5f2d1, #cef4d7, #d6f6de, #def8e5, #e7faeb, #effbf2, #f7fdf8

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

#abecbd, #94cda4, #7eaf8c, #689274, #54765d, #405b47, #2d4233, #1b291f, #0b130d, #010302

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

#abecbd, #b0eac0, #b5e9c3, #bae7c6, #bfe5c9, #c4e3cc, #c8e1ce, #cddfd1, #d1ddd4, #d5dcd7

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

- คู่ตรงข้าม: #abecbd, #ffc4f4
- คู่ตรงข้ามแยก: #abecbd, #e6ccff, #ffc2d4
- ข้างเคียง: #abecbd, #cee4a0, #91eedf
- สามเส้า: #abecbd, #c9d7ff, #ffc6b7
- สี่เหลี่ยมผืนผ้า: #abecbd, #8eeafe, #ffc4f4, #ffc6b7
- สี่เหลี่ยมจัตุรัส: #abecbd, #aae1ff, #ffc4f4, #ffcd9a
- โทนสีเดียว: #abecbd, #609f73, #85c597, #caffda, #caffda

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

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

#abecbd เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียว ใน RGB คือ rgb(171, 236, 189) ใน HSL คือ hsl(136.62, 63.11%, 79.8%) และใน OKLCH คือ oklch(88.695% 0.09205 152.873)

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

สีตรงข้ามของ #abecbd คือ #ffc4f4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #cee4a0 และ #91eedf ส่วนสีสามเส้าคือ #c9d7ff และ #ffc6b7

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

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

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

#abecbd เป็นสีโทนเย็น ใน OKLCH มีฮิว 153 องศา ความสว่าง 88.7% และความสด 0.092
