# สี #45aeb4: โทนสด สีฟ้าอมเขียว

#45aeb4 คือ rgb(69, 174, 180) ใน RGB และ oklch(69.298% 0.0955 200.468) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #45aeb4 |
| RGB | rgb(69, 174, 180) |
| HSL | hsl(183.24, 44.58%, 48.82%) |
| HSB / HSV | hsv(183.24 61.67% 70.59%) |
| HWB | hwb(183.24 27.06% 29.41%) |
| CMYK | cmyk(62% 3% 0% 29%) |
| Lab | lab(65.31 -29.83 -12.6) |
| LCH | lch(65.31 32.38 202.9) |
| OKLab | oklab(69.298% -0.08947 -0.0334) |
| OKLCH | oklch(69.298% 0.0955 200.468) |
| Display P3 | color(display-p3 0.38723 0.67351 0.69947) |
| Rec. 2020 | color(rec2020 0.42928 0.62733 0.66586) |
| Adobe RGB | color(a98-rgb 0.43847 0.67642 0.69906) |
| ProPhoto RGB | color(prophoto-rgb 0.44772 0.59134 0.63839) |
| sRGB เชิงเส้น | color(srgb-linear 0.05951 0.42327 0.45641) |
| XYZ D65 | color(xyz-d65 0.25827 0.34831 0.48544) |
| XYZ D50 | color(xyz-d50 0.25428 0.34434 0.36784) |
| SwiftUI | Color(red: 0.271, green: 0.682, blue: 0.706) |
| UIKit | UIColor(red: 0.271, green: 0.682, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF45AEB4) |
| Android XML | #45AEB4 |

## ข้อมูล

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

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

#45aeb4, #5db6bb, #71bec3, #85c6ca, #97ced2, #a9d7d9, #badfe1, #cce7e8, #ddeff0, #eef7f7

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

#45aeb4, #3b979c, #318085, #276a6e, #1e5558, #154144, #0c2e30, #051c1d, #020b0c, #000102

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

#45aeb4, #53acb2, #5eabaf, #68a9ad, #71a7ab, #79a6a8, #81a4a6, #88a2a3, #8fa0a1, #969e9f

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

- คู่ตรงข้าม: #45aeb4, #d18483
- คู่ตรงข้ามแยก: #45aeb4, #ca83a4, #cc8b65
- ข้างเคียง: #45aeb4, #57b094, #57a7cc
- สามเส้า: #45aeb4, #b789c1, #bb9654
- สี่เหลี่ยมผืนผ้า: #45aeb4, #7a9dd8, #d18483, #bb9654
- สี่เหลี่ยมจัตุรัส: #45aeb4, #9c92d4, #d18483, #9fa259
- โทนสีเดียว: #45aeb4, #00656b, #0b898f, #6fd5db, #97fdff

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

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

#45aeb4 เป็นโทนสด สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีฟ้าอมเขียว ใน RGB คือ rgb(69, 174, 180) ใน HSL คือ hsl(183.24, 44.58%, 48.82%) และใน OKLCH คือ oklch(69.298% 0.0955 200.468)

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

สีตรงข้ามของ #45aeb4 คือ #d18483 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #57b094 และ #57a7cc ส่วนสีสามเส้าคือ #b789c1 และ #bb9654

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

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

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

#45aeb4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 200 องศา ความสว่าง 69.3% และความสด 0.095