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

#baeef5 คือ rgb(186, 238, 245) ใน RGB และ oklch(91.551% 0.0538 206.445) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #baeef5 |
| RGB | rgb(186, 238, 245) |
| HSL | hsl(187.12, 74.68%, 84.51%) |
| HSB / HSV | hsv(187.12 24.08% 96.08%) |
| HWB | hwb(187.12 72.94% 3.92%) |
| CMYK | cmyk(24% 3% 0% 4%) |
| Lab | lab(90.67 -16.03 -9.13) |
| LCH | lch(90.67 18.44 209.66) |
| OKLab | oklab(91.551% -0.04817 -0.02396) |
| OKLCH | oklch(91.551% 0.0538 206.445) |
| Display P3 | color(display-p3 0.77088 0.92749 0.95547) |
| Rec. 2020 | color(rec2020 0.79309 0.91186 0.94965) |
| Adobe RGB | color(a98-rgb 0.78954 0.93124 0.95836) |
| ProPhoto RGB | color(prophoto-rgb 0.80087 0.89611 0.94265) |
| sRGB เชิงเส้น | color(srgb-linear 0.49102 0.85499 0.9131) |
| XYZ D65 | color(xyz-d65 0.67302 0.78179 0.97933) |
| XYZ D50 | color(xyz-d50 0.67406 0.77753 0.74188) |
| SwiftUI | Color(red: 0.729, green: 0.933, blue: 0.961) |
| UIKit | UIColor(red: 0.729, green: 0.933, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFBAEEF5) |
| Android XML | #BAEEF5 |

## ข้อมูล

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

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

#baeef5, #c1f0f6, #c8f2f7, #cff3f8, #d6f5f9, #ddf7fa, #e4f8fb, #ebfafc, #f2fcfd, #f8fdfe

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

#baeef5, #a1cfd5, #89b1b6, #729398, #5c777b, #465c5f, #324244, #1e2a2b, #0d1415, #020303

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

#baeef5, #bfedf3, #c3ecf1, #c7ebf0, #cbeaee, #d0e9ec, #d4e8ea, #d7e6e8, #dbe5e7, #dfe4e5

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

- คู่ตรงข้าม: #baeef5, #ffd6d0
- คู่ตรงข้ามแยก: #baeef5, #ffd5e4, #ffdbc1
- ข้างเคียง: #baeef5, #beefe2, #c2e9ff
- สามเส้า: #baeef5, #f7d7f6, #f3e1bb
- สี่เหลี่ยมผืนผ้า: #baeef5, #d3e3ff, #ffd6d0, #f3e1bb
- สี่เหลี่ยมจัตุรัส: #baeef5, #e6dcff, #ffd6d0, #e0e8c0
- โทนสีเดียว: #baeef5, #6fa1a7, #94c7ce, #ccffff, #ccffff

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

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

#baeef5 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(186, 238, 245) ใน HSL คือ hsl(187.12, 74.68%, 84.51%) และใน OKLCH คือ oklch(91.551% 0.0538 206.445)

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

สีตรงข้ามของ #baeef5 คือ #ffd6d0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #beefe2 และ #c2e9ff ส่วนสีสามเส้าคือ #f7d7f6 และ #f3e1bb

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

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

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

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