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

#b9ecf7 คือ rgb(185, 236, 247) ใน RGB และ oklch(91.134% 0.05418 212.32) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #b9ecf7 |
| RGB | rgb(185, 236, 247) |
| HSL | hsl(190.65, 79.49%, 84.71%) |
| HSB / HSV | hsv(190.65 25.1% 96.86%) |
| HWB | hwb(190.65 72.55% 3.14%) |
| CMYK | cmyk(25% 4% 0% 3%) |
| Lab | lab(90.12 -15.07 -10.97) |
| LCH | lch(90.12 18.65 216.06) |
| OKLab | oklab(91.134% -0.04579 -0.02897) |
| OKLCH | oklch(91.134% 0.05418 212.32) |
| Display P3 | color(display-p3 0.76609 0.91975 0.96208) |
| Rec. 2020 | color(rec2020 0.78779 0.90354 0.95681) |
| Adobe RGB | color(a98-rgb 0.7842 0.92318 0.96581) |
| ProPhoto RGB | color(prophoto-rgb 0.79684 0.88744 0.95003) |
| sRGB เชิงเส้น | color(srgb-linear 0.48515 0.8388 0.93011) |
| XYZ D65 | color(xyz-d65 0.66788 0.77019 0.99346) |
| XYZ D50 | color(xyz-d50 0.6677 0.76565 0.75238) |
| SwiftUI | Color(red: 0.725, green: 0.925, blue: 0.969) |
| UIKit | UIColor(red: 0.725, green: 0.925, blue: 0.969, alpha: 1) |
| Flutter / Compose | Color(0xFFB9ECF7) |
| Android XML | #B9ECF7 |

## ข้อมูล

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

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

#b9ecf7, #c0eef8, #c8f0f9, #cff2f9, #d6f4fa, #ddf6fb, #e4f8fc, #ebf9fd, #f1fbfd, #f8fdfe

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

#b9ecf7, #a0cdd7, #89afb7, #719299, #5b767c, #465b60, #314245, #1e292c, #0d1315, #020303

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

#b9ecf7, #bdebf5, #c2eaf3, #c6e9f1, #cae8ee, #cee7ec, #d2e6ea, #d6e5e8, #dae4e6, #dee3e4

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

- คู่ตรงข้าม: #b9ecf7, #ffd5cb
- คู่ตรงข้ามแยก: #b9ecf7, #ffd3df, #fddbbe
- ข้างเคียง: #b9ecf7, #bbeee5, #c3e7ff
- สามเส้า: #b9ecf7, #f8d5f2, #eee1b9
- สี่เหลี่ยมผืนผ้า: #b9ecf7, #d5e0ff, #ffd5cb, #eee1b9
- สี่เหลี่ยมจัตุรัส: #b9ecf7, #e8daff, #ffd5cb, #dbe8c1
- โทนสีเดียว: #b9ecf7, #6e9fa9, #93c5cf, #ccffff, #ccffff

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

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

#b9ecf7 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(185, 236, 247) ใน HSL คือ hsl(190.65, 79.49%, 84.71%) และใน OKLCH คือ oklch(91.134% 0.05418 212.32)

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

สีตรงข้ามของ #b9ecf7 คือ #ffd5cb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #bbeee5 และ #c3e7ff ส่วนสีสามเส้าคือ #f8d5f2 และ #eee1b9

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

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

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

#b9ecf7 เป็นสีโทนเย็น ใน OKLCH มีฮิว 212 องศา ความสว่าง 91.1% และความสด 0.054