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

#31abb3 คือ rgb(49, 171, 179) ใน RGB และ oklch(67.992% 0.10359 201.545) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #31abb3 |
| RGB | rgb(49, 171, 179) |
| HSL | hsl(183.69, 57.02%, 44.71%) |
| HSB / HSV | hsv(183.69 72.63% 70.2%) |
| HWB | hwb(183.69 19.22% 29.8%) |
| CMYK | cmyk(73% 4% 0% 30%) |
| Lab | lab(63.84 -31.96 -14.29) |
| LCH | lch(63.84 35.01 204.09) |
| OKLab | oklab(67.992% -0.09636 -0.03804) |
| OKLCH | oklch(67.992% 0.10359 201.545) |
| Display P3 | color(display-p3 0.34505 0.66123 0.69469) |
| Rec. 2020 | color(rec2020 0.39972 0.61339 0.6605) |
| Adobe RGB | color(a98-rgb 0.40632 0.66466 0.69482) |
| ProPhoto RGB | color(prophoto-rgb 0.42471 0.57682 0.63261) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.40724 0.45079) |
| XYZ D65 | color(xyz-d65 0.23965 0.33032 0.47762) |
| XYZ D50 | color(xyz-d50 0.23474 0.32611 0.36187) |
| SwiftUI | Color(red: 0.192, green: 0.671, blue: 0.702) |
| UIKit | UIColor(red: 0.192, green: 0.671, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF31ABB3) |
| Android XML | #31ABB3 |

## ข้อมูล

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

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

#31abb3, #4fb3ba, #67bcc2, #7cc4ca, #90cdd1, #a3d5d9, #b6dee0, #c9e6e8, #dbeef0, #edf7f7

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

#31abb3, #29949b, #227e84, #1a686e, #135458, #0c4043, #062d2f, #031b1d, #010b0c, #000101

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

#31abb3, #44a9b0, #52a8ae, #5ea6ab, #69a4a8, #72a2a6, #7ba0a3, #839ea0, #8a9c9e, #919a9b

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

- คู่ตรงข้าม: #31abb3, #d17e7c
- คู่ตรงข้ามแยก: #31abb3, #c97d9f, #cb855b
- ข้างเคียง: #31abb3, #48ad90, #4ca3cd
- สามเส้า: #31abb3, #b683bf, #b89147
- สี่เหลี่ยมผืนผ้า: #31abb3, #7498d8, #d17e7c, #b89147
- สี่เหลี่ยมจัตุรัส: #31abb3, #998cd3, #d17e7c, #9a9e4f
- โทนสีเดียว: #31abb3, #006168, #00868e, #5fd2da, #89faff

## คำถามเกี่ยวกับ #31abb3

### #31abb3 คือสีอะไร

#31abb3 เป็นโทนสด สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีฟ้าอมเขียว ใน RGB คือ rgb(49, 171, 179) ใน HSL คือ hsl(183.69, 57.02%, 44.71%) และใน OKLCH คือ oklch(67.992% 0.10359 201.545)

### สีอะไรเข้ากับ #31abb3

สีตรงข้ามของ #31abb3 คือ #d17e7c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #48ad90 และ #4ca3cd ส่วนสีสามเส้าคือ #b683bf และ #b89147

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

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

### #31abb3 เป็นสีโทนร้อนหรือโทนเย็น

#31abb3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 202 องศา ความสว่าง 68% และความสด 0.104