# สี #7bcce3: โทนละมุน เฉดอ่อนของสีฟ้า

#7bcce3 คือ rgb(123, 204, 227) ใน RGB และ oklch(80.157% 0.08559 218.026) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #7bcce3 |
| RGB | rgb(123, 204, 227) |
| HSL | hsl(193.27, 65%, 68.63%) |
| HSB / HSV | hsv(193.27 45.81% 89.02%) |
| HWB | hwb(193.27 48.24% 10.98%) |
| CMYK | cmyk(46% 10% 0% 11%) |
| Lab | lab(77.49 -21.32 -19.65) |
| LCH | lch(77.49 28.99 222.65) |
| OKLab | oklab(80.157% -0.06742 -0.05272) |
| OKLCH | oklch(80.157% 0.08559 218.026) |
| Display P3 | color(display-p3 0.55649 0.792 0.87901) |
| Rec. 2020 | color(rec2020 0.59169 0.75945 0.86323) |
| Adobe RGB | color(a98-rgb 0.59025 0.79502 0.88342) |
| ProPhoto RGB | color(prophoto-rgb 0.61116 0.73073 0.84545) |
| sRGB เชิงเส้น | color(srgb-linear 0.19807 0.60383 0.76815) |
| XYZ D65 | color(xyz-d65 0.43624 0.52941 0.80595) |
| XYZ D50 | color(xyz-d50 0.42884 0.52351 0.60991) |
| SwiftUI | Color(red: 0.482, green: 0.8, blue: 0.89) |
| UIKit | UIColor(red: 0.482, green: 0.8, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF7BCCE3) |
| Android XML | #7BCCE3 |

## ข้อมูล

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

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

#7bcce3, #8ad1e6, #98d6e9, #a5dcec, #b3e1ef, #c0e6f1, #cdebf4, #d9f0f7, #e6f5fa, #f2fafc

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

#7bcce3, #6ab1c5, #5a97a8, #4a7e8c, #3a6571, #2c4e57, #1e373f, #102227, #050f12, #010203

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

#7bcce3, #83cbdf, #8bcadc, #93c8d8, #9ac7d4, #a0c5d1, #a7c4cd, #adc3c9, #b3c1c6, #b8c0c2

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

- คู่ตรงข้าม: #7bcce3, #efab96
- คู่ตรงข้ามแยก: #7bcce3, #efa8b4, #e3b482
- ข้างเคียง: #7bcce3, #79d0c8, #92c4f3
- สามเส้า: #7bcce3, #e3a9d1, #cdbf7e
- สี่เหลี่ยมผืนผ้า: #7bcce3, #b1b9f5, #efab96, #cdbf7e
- สี่เหลี่ยมจัตุรัส: #7bcce3, #ceb0e9, #efab96, #aec98e
- โทนสีเดียว: #7bcce3, #2c8196, #54a6bc, #a2f4ff, #ceffff

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

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

#7bcce3 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(123, 204, 227) ใน HSL คือ hsl(193.27, 65%, 68.63%) และใน OKLCH คือ oklch(80.157% 0.08559 218.026)

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

สีตรงข้ามของ #7bcce3 คือ #efab96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #79d0c8 และ #92c4f3 ส่วนสีสามเส้าคือ #e3a9d1 และ #cdbf7e

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

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

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

#7bcce3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 80.2% และความสด 0.086