# สี #54bbc3: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#54bbc3 คือ rgb(84, 187, 195) ใน RGB และ oklch(73.466% 0.09547 202.242) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54bbc3 |
| RGB | rgb(84, 187, 195) |
| HSL | hsl(184.32, 48.05%, 54.71%) |
| HSB / HSV | hsv(184.32 56.92% 76.47%) |
| HWB | hwb(184.32 32.94% 23.53%) |
| CMYK | cmyk(57% 4% 0% 24%) |
| Lab | lab(70.11 -29.33 -13.62) |
| LCH | lch(70.11 32.34 204.91) |
| OKLab | oklab(73.466% -0.08837 -0.03614) |
| OKLCH | oklch(73.466% 0.09547 202.242) |
| Display P3 | color(display-p3 0.43808 0.7243 0.75756) |
| Rec. 2020 | color(rec2020 0.4822 0.6828 0.72957) |
| Adobe RGB | color(a98-rgb 0.48642 0.72762 0.758) |
| ProPhoto RGB | color(prophoto-rgb 0.50051 0.64814 0.70445) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.49693 0.54572) |
| XYZ D65 | color(xyz-d65 0.31275 0.41364 0.57967) |
| XYZ D50 | color(xyz-d50 0.30814 0.40905 0.43918) |
| SwiftUI | Color(red: 0.329, green: 0.733, blue: 0.765) |
| UIKit | UIColor(red: 0.329, green: 0.733, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF54BBC3) |
| Android XML | #54BBC3 |

## ข้อมูล

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

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

#54bbc3, #69c2c9, #7cc9cf, #8ed0d5, #9fd6db, #afdde1, #c0e4e7, #d0ebed, #e0f2f3, #eff8f9

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

#54bbc3, #48a2a9, #3c8a90, #317378, #265c60, #1b464a, #113234, #081f20, #020d0e, #000202

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

#54bbc3, #60b9c0, #6bb8be, #75b6bb, #7eb4b9, #86b3b6, #8eb1b3, #95afb1, #9cadae, #a3abac

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

- คู่ตรงข้าม: #54bbc3, #df918e
- คู่ตรงข้ามแยก: #54bbc3, #d890af, #d99870
- ข้างเคียง: #54bbc3, #63bda3, #66b4db
- สามเส้า: #54bbc3, #c695cd, #c7a360
- สี่เหลี่ยมผืนผ้า: #54bbc3, #88a9e6, #df918e, #c7a360
- สี่เหลี่ยมจัตุรัส: #54bbc3, #aa9ee1, #df918e, #aab067
- โทนสีเดียว: #54bbc3, #007179, #26959d, #7de2ea, #b7ffff

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

### #54bbc3 คือสีอะไร

#54bbc3 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(84, 187, 195) ใน HSL คือ hsl(184.32, 48.05%, 54.71%) และใน OKLCH คือ oklch(73.466% 0.09547 202.242)

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

สีตรงข้ามของ #54bbc3 คือ #df918e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #63bda3 และ #66b4db ส่วนสีสามเส้าคือ #c695cd และ #c7a360

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

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

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

#54bbc3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 202 องศา ความสว่าง 73.5% และความสด 0.095