# สี #45b3cf: โทนสด เฉดอ่อนของสีฟ้า

#45b3cf คือ rgb(69, 179, 207) ใน RGB และ oklch(71.542% 0.10594 217.863) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45b3cf |
| RGB | rgb(69, 179, 207) |
| HSL | hsl(192.17, 58.97%, 54.12%) |
| HSB / HSV | hsv(192.17 66.67% 81.18%) |
| HWB | hwb(192.17 27.06% 18.82%) |
| CMYK | cmyk(67% 14% 0% 19%) |
| Lab | lab(67.59 -25.77 -24) |
| LCH | lch(67.59 35.22 222.97) |
| OKLab | oklab(71.542% -0.08364 -0.06502) |
| OKLCH | oklch(71.542% 0.10594 217.863) |
| Display P3 | color(display-p3 0.3944 0.6928 0.79879) |
| Rec. 2020 | color(rec2020 0.4486 0.64925 0.77389) |
| Adobe RGB | color(a98-rgb 0.44793 0.69608 0.80276) |
| ProPhoto RGB | color(prophoto-rgb 0.4812 0.61527 0.74877) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.45079 0.62396) |
| XYZ D65 | color(xyz-d65 0.29835 0.38009 0.64798) |
| XYZ D50 | color(xyz-d50 0.28885 0.37423 0.49016) |
| SwiftUI | Color(red: 0.271, green: 0.702, blue: 0.812) |
| UIKit | UIColor(red: 0.271, green: 0.702, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF45B3CF) |
| Android XML | #45B3CF |

## ข้อมูล

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

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

#45b3cf, #5dbbd4, #72c2d9, #86cade, #98d2e3, #aad9e7, #bbe1ec, #cce8f1, #ddf0f6, #eef8fa

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

#45b3cf, #3b9bb4, #318499, #276e7f, #1e5867, #15434f, #0c2f38, #051d23, #020c10, #000102

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

#45b3cf, #54b2cb, #60b0c6, #6bafc2, #75adbe, #7eacb9, #86aab5, #8ea8b0, #95a7ac, #9ca5a8

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

- คู่ตรงข้าม: #45b3cf, #dc8b72
- คู่ตรงข้ามแยก: #45b3cf, #dc8797, #cf9656
- ข้างเคียง: #45b3cf, #40b8af, #6ba9e2
- สามเส้า: #45b3cf, #ce89ba, #b5a451
- สี่เหลี่ยมผืนผ้า: #45b3cf, #939de5, #dc8b72, #b5a451
- สี่เหลี่ยมจัตุรัส: #45b3cf, #b591d6, #dc8b72, #90b066
- โทนสีเดียว: #45b3cf, #006983, #068da9, #70daf7, #c0fcff

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

### #45b3cf คือสีอะไร

#45b3cf เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(69, 179, 207) ใน HSL คือ hsl(192.17, 58.97%, 54.12%) และใน OKLCH คือ oklch(71.542% 0.10594 217.863)

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

สีตรงข้ามของ #45b3cf คือ #dc8b72 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #40b8af และ #6ba9e2 ส่วนสีสามเส้าคือ #ce89ba และ #b5a451

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

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

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

#45b3cf เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 71.5% และความสด 0.106