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

#b4d8a3 คือ rgb(180, 216, 163) ใน RGB และ oklch(84.253% 0.08134 135.754) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b4d8a3 |
| RGB | rgb(180, 216, 163) |
| HSL | hsl(100.75, 40.46%, 74.31%) |
| HSB / HSV | hsv(100.75 24.54% 84.71%) |
| HWB | hwb(100.75 63.92% 15.29%) |
| CMYK | cmyk(17% 0% 25% 15%) |
| Lab | lab(82.7 -19.53 22.14) |
| LCH | lch(82.7 29.53 131.42) |
| OKLab | oklab(84.253% -0.05827 0.05676) |
| OKLCH | oklch(84.253% 0.08134 135.754) |
| Display P3 | color(display-p3 0.73357 0.84286 0.65838) |
| Rec. 2020 | color(rec2020 0.72564 0.81695 0.62521) |
| Adobe RGB | color(a98-rgb 0.74409 0.84289 0.64363) |
| ProPhoto RGB | color(prophoto-rgb 0.69521 0.79052 0.60562) |
| sRGB เชิงเส้น | color(srgb-linear 0.45641 0.68669 0.36625) |
| XYZ D65 | color(xyz-d65 0.49987 0.61459 0.43881) |
| XYZ D50 | color(xyz-d50 0.51591 0.61603 0.33456) |
| SwiftUI | Color(red: 0.706, green: 0.847, blue: 0.639) |
| UIKit | UIColor(red: 0.706, green: 0.847, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFFB4D8A3) |
| Android XML | #B4D8A3 |

## ข้อมูล

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

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

#b4d8a3, #bbdcac, #c3e0b5, #cae4bf, #d2e8c8, #d9ecd1, #e1f0da, #e8f3e3, #f0f7ed, #f7fbf6

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

#b4d8a3, #9cbc8d, #85a078, #6e8563, #586b4f, #44533c, #303b2a, #1d2519, #0c110a, #020201

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

#b4d8a3, #b6d7a7, #b9d6ab, #bbd4b0, #bed3b4, #c0d2b8, #c2d1bc, #c4cfc0, #c7cec3, #c9cdc7

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

- คู่ตรงข้าม: #b4d8a3, #e0bcf0
- คู่ตรงข้ามแยก: #b4d8a3, #c6c4ff, #f3b6d7
- ข้างเคียง: #b4d8a3, #d2cf91, #98ddbf
- สามเส้า: #b4d8a3, #a9ceff, #fcb6ba
- สี่เหลี่ยมผืนผ้า: #b4d8a3, #89dcdc, #e0bcf0, #fcb6ba
- สี่เหลี่ยมจัตุรัส: #b4d8a3, #90d7f4, #e0bcf0, #f9bb9f
- โทนสีเดียว: #b4d8a3, #6b8c5b, #8fb17e, #dbffc9, #ddffcc

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

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

#b4d8a3 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวมะนาว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวมะนาว ใน RGB คือ rgb(180, 216, 163) ใน HSL คือ hsl(100.75, 40.46%, 74.31%) และใน OKLCH คือ oklch(84.253% 0.08134 135.754)

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

สีตรงข้ามของ #b4d8a3 คือ #e0bcf0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d2cf91 และ #98ddbf ส่วนสีสามเส้าคือ #a9ceff และ #fcb6ba

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

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

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

#b4d8a3 เป็นสีโทนกลาง ใน OKLCH มีฮิว 136 องศา ความสว่าง 84.3% และความสด 0.081