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

#9beefe คือ rgb(155, 238, 254) ใน RGB และ oklch(90.145% 0.08337 211.068) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9beefe |
| RGB | rgb(155, 238, 254) |
| HSL | hsl(189.7, 98.02%, 80.2%) |
| HSB / HSV | hsv(189.7 38.98% 99.61%) |
| HWB | hwb(189.7 60.78% 0.39%) |
| CMYK | cmyk(39% 6% 0% 0%) |
| Lab | lab(89.2 -23.3 -16.18) |
| LCH | lch(89.2 28.36 214.78) |
| OKLab | oklab(90.145% -0.07141 -0.04302) |
| OKLCH | oklch(90.145% 0.08337 211.068) |
| Display P3 | color(display-p3 0.68098 0.92485 0.98666) |
| Rec. 2020 | color(rec2020 0.72689 0.90615 0.98415) |
| Adobe RGB | color(a98-rgb 0.71486 0.93124 0.99338) |
| ProPhoto RGB | color(prophoto-rgb 0.74949 0.88767 0.97978) |
| sRGB เชิงเส้น | color(srgb-linear 0.32778 0.85499 0.9911) |
| XYZ D65 | color(xyz-d65 0.61978 0.75271 1.05032) |
| XYZ D50 | color(xyz-d50 0.61404 0.74594 0.79531) |
| SwiftUI | Color(red: 0.608, green: 0.933, blue: 0.996) |
| UIKit | UIColor(red: 0.608, green: 0.933, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF9BEEFE) |
| Android XML | #9BEEFE |

## ข้อมูล

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

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

#9beefe, #a6f0fe, #b1f2fe, #bcf3ff, #c6f5ff, #d0f7ff, #daf9ff, #e3faff, #edfcff, #f6fdff

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

#9beefe, #86cfdd, #72b1bd, #5e939e, #4b7780, #395c63, #284247, #182a2d, #091416, #010303

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

#9beefe, #a3edfb, #abebf8, #b2eaf5, #b9e8f1, #c0e7ee, #c6e5eb, #cde3e8, #d3e2e5, #d9e0e2

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

- คู่ตรงข้าม: #9beefe, #ffcdc1
- คู่ตรงข้ามแยก: #9beefe, #ffc9db, #ffd2a6
- ข้างเคียง: #9beefe, #9ff1e2, #b1e6ff
- สามเส้า: #9beefe, #ffcbf8, #f3dd9f
- สี่เหลี่ยมผืนผ้า: #9beefe, #cdddff, #ffcdc1, #f3dd9f
- สี่เหลี่ยมจัตุรัส: #9beefe, #e7d3ff, #ffcdc1, #d6e8aa
- โทนสีเดียว: #9beefe, #4da0b0, #74c7d6, #c2ffff, #c2ffff

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

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

#9beefe เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(155, 238, 254) ใน HSL คือ hsl(189.7, 98.02%, 80.2%) และใน OKLCH คือ oklch(90.145% 0.08337 211.068)

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

สีตรงข้ามของ #9beefe คือ #ffcdc1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ff1e2 และ #b1e6ff ส่วนสีสามเส้าคือ #ffcbf8 และ #f3dd9f

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

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

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

#9beefe เป็นสีโทนเย็น ใน OKLCH มีฮิว 211 องศา ความสว่าง 90.1% และความสด 0.083