# สี #4e97a2: โทนตุ่น สีฟ้าอมเขียว

#4e97a2 คือ rgb(78, 151, 162) ใน RGB และ oklch(63.362% 0.07455 208.257) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4e97a2 |
| RGB | rgb(78, 151, 162) |
| HSL | hsl(187.86, 35%, 47.06%) |
| HSB / HSV | hsv(187.86 51.85% 63.53%) |
| HWB | hwb(187.86 30.59% 36.47%) |
| CMYK | cmyk(52% 7% 0% 36%) |
| Lab | lab(58.1 -21.43 -13.23) |
| LCH | lch(58.1 25.19 211.69) |
| OKLab | oklab(63.362% -0.06567 -0.0353) |
| OKLCH | oklch(63.362% 0.07455 208.257) |
| Display P3 | color(display-p3 0.37744 0.58536 0.62838) |
| Rec. 2020 | color(rec2020 0.3898 0.53433 0.58793) |
| Adobe RGB | color(a98-rgb 0.41251 0.58665 0.62776) |
| ProPhoto RGB | color(prophoto-rgb 0.40128 0.50078 0.55844) |
| sRGB เชิงเส้น | color(srgb-linear 0.07619 0.30947 0.36131) |
| XYZ D65 | color(xyz-d65 0.20729 0.26361 0.38179) |
| XYZ D50 | color(xyz-d50 0.20411 0.26071 0.28911) |
| SwiftUI | Color(red: 0.306, green: 0.592, blue: 0.635) |
| UIKit | UIColor(red: 0.306, green: 0.592, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF4E97A2) |
| Android XML | #4E97A2 |

## ข้อมูล

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

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

#4e97a2, #61a1ab, #74abb4, #85b6bd, #97c0c7, #a8cad0, #b9d5d9, #cbdfe3, #dceaec, #edf4f5

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

#4e97a2, #43838c, #386f77, #2d5c63, #23494f, #19373c, #0f262a, #071719, #02080a, #000101

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

#4e97a2, #5696a0, #5d959d, #64939b, #6a9299, #709196, #769094, #7b8e91, #808d8f, #858c8c

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

- คู่ตรงข้าม: #4e97a2, #b37971
- คู่ตรงข้ามแยก: #4e97a2, #b0778a, #ad7f5c
- ข้างเคียง: #4e97a2, #54998a, #5e91b2
- สามเส้า: #4e97a2, #a37aa1, #9d8854
- สี่เหลี่ยมผืนผ้า: #4e97a2, #7789b8, #b37971, #9d8854
- สี่เหลี่ยมจัตุรัส: #4e97a2, #9081b2, #b37971, #86915c
- โทนสีเดียว: #4e97a2, #00515b, #26737e, #74bdc8, #9ae4ef

## คำถามเกี่ยวกับ #4e97a2

### #4e97a2 คือสีอะไร

#4e97a2 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(78, 151, 162) ใน HSL คือ hsl(187.86, 35%, 47.06%) และใน OKLCH คือ oklch(63.362% 0.07455 208.257)

### สีอะไรเข้ากับ #4e97a2

สีตรงข้ามของ #4e97a2 คือ #b37971 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #54998a และ #5e91b2 ส่วนสีสามเส้าคือ #a37aa1 และ #9d8854

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

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

### #4e97a2 เป็นสีโทนร้อนหรือโทนเย็น

#4e97a2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 63.4% และความสด 0.075