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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63abb3 |
| RGB | rgb(99, 171, 179) |
| HSL | hsl(186, 34.48%, 54.51%) |
| HSB / HSV | hsv(186 44.69% 70.2%) |
| HWB | hwb(186 38.82% 29.8%) |
| CMYK | cmyk(45% 4% 0% 30%) |
| Lab | lab(65.52 -21.95 -11.59) |
| LCH | lch(65.52 24.82 207.83) |
| OKLab | oklab(69.714% -0.06636 -0.0307) |
| OKLCH | oklch(69.714% 0.07312 204.826) |
| Display P3 | color(display-p3 0.45523 0.66358 0.69582) |
| Rec. 2020 | color(rec2020 0.47022 0.61883 0.6617) |
| Adobe RGB | color(a98-rgb 0.48672 0.66466 0.69482) |
| ProPhoto RGB | color(prophoto-rgb 0.47702 0.58476 0.63388) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.40724 0.45079) |
| XYZ D65 | color(xyz-d65 0.27844 0.35032 0.47944) |
| XYZ D50 | color(xyz-d50 0.27576 0.34703 0.36318) |
| SwiftUI | Color(red: 0.388, green: 0.671, blue: 0.702) |
| UIKit | UIColor(red: 0.388, green: 0.671, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF63ABB3) |
| Android XML | #63ABB3 |

## ข้อมูล

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

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

#63abb3, #74b3ba, #84bcc2, #94c4c9, #a3ccd1, #b3d5d9, #c2dde0, #d1e6e8, #e0eef0, #f0f6f7

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

#63abb3, #55949b, #477e84, #3a686e, #2e5458, #214043, #162d2f, #0b1b1d, #030b0c, #000101

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

#63abb3, #6aaab1, #71a9af, #78a7ad, #7ea6aa, #84a5a8, #89a3a6, #8fa2a4, #94a0a2, #999fa0

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

- คู่ตรงข้าม: #63abb3, #c78c87
- คู่ตรงข้ามแยก: #63abb3, #c38ba0, #c29272
- ข้างเคียง: #63abb3, #6bad9b, #70a5c5
- สามเส้า: #63abb3, #b58eb7, #b39a68
- สี่เหลี่ยมผืนผ้า: #63abb3, #879dcc, #c78c87, #b39a68
- สี่เหลี่ยมจัตุรัส: #63abb3, #a095c7, #c78c87, #9ca36e
- โทนสีเดียว: #63abb3, #11636a, #3d868e, #89d1da, #b0f9ff

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

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

#63abb3 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(99, 171, 179) ใน HSL คือ hsl(186, 34.48%, 54.51%) และใน OKLCH คือ oklch(69.714% 0.07312 204.826)

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

สีตรงข้ามของ #63abb3 คือ #c78c87 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6bad9b และ #70a5c5 ส่วนสีสามเส้าคือ #b58eb7 และ #b39a68

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

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

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

#63abb3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 205 องศา ความสว่าง 69.7% และความสด 0.073