# สี #69a7bc: โทนตุ่น สีฟ้า

#69a7bc คือ rgb(105, 167, 188) ใน RGB และ oklch(69.41% 0.07085 221.533) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #69a7bc |
| RGB | rgb(105, 167, 188) |
| HSL | hsl(195.18, 38.25%, 57.45%) |
| HSB / HSV | hsv(195.18 44.15% 73.73%) |
| HWB | hwb(195.18 41.18% 26.27%) |
| CMYK | cmyk(44% 11% 0% 26%) |
| Lab | lab(64.88 -16.58 -17.48) |
| LCH | lch(64.88 24.1 226.52) |
| OKLab | oklab(69.41% -0.05304 -0.04698) |
| OKLCH | oklch(69.41% 0.07085 221.533) |
| Display P3 | color(display-p3 0.46704 0.64863 0.72758) |
| Rec. 2020 | color(rec2020 0.47653 0.60415 0.69574) |
| Adobe RGB | color(a98-rgb 0.493 0.64899 0.72839) |
| ProPhoto RGB | color(prophoto-rgb 0.48617 0.57177 0.66751) |
| sRGB เชิงเส้น | color(srgb-linear 0.14126 0.38643 0.50289) |
| XYZ D65 | color(xyz-d65 0.2872 0.3427 0.5268) |
| XYZ D50 | color(xyz-d50 0.28239 0.33894 0.39859) |
| SwiftUI | Color(red: 0.412, green: 0.655, blue: 0.737) |
| UIKit | UIColor(red: 0.412, green: 0.655, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF69A7BC) |
| Android XML | #69A7BC |

## ข้อมูล

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

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

#69a7bc, #79b0c3, #88b8c9, #97c1d0, #a6cad7, #b5d3dd, #c3dbe4, #d2e4eb, #e1edf2, #f0f6f8

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

#69a7bc, #5a91a3, #4c7b8b, #3e6673, #31525d, #243e47, #182c32, #0c1a1f, #040a0d, #000102

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

#69a7bc, #6fa6b9, #75a5b6, #7ba4b3, #80a3b0, #85a2ac, #8aa1a9, #8fa0a6, #949fa3, #989ea0

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

- คู่ตรงข้าม: #69a7bc, #c38e7a
- คู่ตรงข้ามแยก: #69a7bc, #c48b91, #b9966c
- ข้างเคียง: #69a7bc, #65aba7, #7ca0c8
- สามเส้า: #69a7bc, #bc8ca9, #a59e6b
- สี่เหลี่ยมผืนผ้า: #69a7bc, #9598c8, #c38e7a, #a59e6b
- สี่เหลี่ยมจัตุรัส: #69a7bc, #ab90bd, #c38e7a, #8da678
- โทนสีเดียว: #69a7bc, #1e5f72, #448296, #8ecde3, #b5f5ff

## คำถามเกี่ยวกับ #69a7bc

### #69a7bc คือสีอะไร

#69a7bc เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(105, 167, 188) ใน HSL คือ hsl(195.18, 38.25%, 57.45%) และใน OKLCH คือ oklch(69.41% 0.07085 221.533)

### สีอะไรเข้ากับ #69a7bc

สีตรงข้ามของ #69a7bc คือ #c38e7a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #65aba7 และ #7ca0c8 ส่วนสีสามเส้าคือ #bc8ca9 และ #a59e6b

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

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

### #69a7bc เป็นสีโทนร้อนหรือโทนเย็น

#69a7bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 222 องศา ความสว่าง 69.4% และความสด 0.071