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

#7bd3e9 คือ rgb(123, 211, 233) ใน RGB และ oklch(81.946% 0.09009 215.717) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bd3e9 |
| RGB | rgb(123, 211, 233) |
| HSL | hsl(192, 71.43%, 69.8%) |
| HSB / HSV | hsv(192 47.21% 91.37%) |
| HWB | hwb(192 48.24% 8.63%) |
| CMYK | cmyk(47% 9% 0% 9%) |
| Lab | lab(79.64 -23.31 -19.62) |
| LCH | lch(79.64 30.47 220.08) |
| OKLab | oklab(81.946% -0.07315 -0.05259) |
| OKLCH | oklch(81.946% 0.09009 215.717) |
| Display P3 | color(display-p3 0.56439 0.8189 0.90255) |
| Rec. 2020 | color(rec2020 0.60692 0.78847 0.88956) |
| Adobe RGB | color(a98-rgb 0.60171 0.82292 0.90767) |
| ProPhoto RGB | color(prophoto-rgb 0.62929 0.76085 0.8743) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.65141 0.81485) |
| XYZ D65 | color(xyz-d65 0.46168 0.56681 0.85601) |
| XYZ D50 | color(xyz-d50 0.45385 0.56045 0.64788) |
| SwiftUI | Color(red: 0.482, green: 0.827, blue: 0.914) |
| UIKit | UIColor(red: 0.482, green: 0.827, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF7BD3E9) |
| Android XML | #7BD3E9 |

## ข้อมูล

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

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

#7bd3e9, #8ad8eb, #98dcee, #a6e1f0, #b3e5f2, #c0e9f4, #cdeef7, #daf2f9, #e6f6fb, #f3fbfd

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

#7bd3e9, #6ab7cb, #5a9cad, #4a8290, #3a6974, #2c515a, #1e3a41, #102429, #051013, #010203

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

#7bd3e9, #84d2e5, #8dd0e2, #95cfde, #9ccdda, #a4ccd7, #abcad3, #b1c9cf, #b8c7cb, #bec5c8

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

- คู่ตรงข้าม: #7bd3e9, #f8af9c
- คู่ตรงข้ามแยก: #7bd3e9, #f7acbb, #edb885
- ข้างเคียง: #7bd3e9, #7bd7cc, #93cafb
- สามเส้า: #7bd3e9, #eaaedb, #d5c480
- สี่เหลี่ยมผืนผ้า: #7bd3e9, #b3c0ff, #f8af9c, #d5c480
- สี่เหลี่ยมจัตุรัส: #7bd3e9, #d2b5f3, #f8af9c, #b6cf8f
- โทนสีเดียว: #7bd3e9, #29879c, #54acc2, #acf9ff, #caffff

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

### #7bd3e9 คือสีอะไร

#7bd3e9 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(123, 211, 233) ใน HSL คือ hsl(192, 71.43%, 69.8%) และใน OKLCH คือ oklch(81.946% 0.09009 215.717)

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

สีตรงข้ามของ #7bd3e9 คือ #f8af9c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7bd7cc และ #93cafb ส่วนสีสามเส้าคือ #eaaedb และ #d5c480

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

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

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

#7bd3e9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 216 องศา ความสว่าง 81.9% และความสด 0.09