# สี #6aabb2: โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว

#6aabb2 คือ rgb(106, 171, 178) ใน RGB และ oklch(70.021% 0.06717 204.486) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #6aabb2 |
| RGB | rgb(106, 171, 178) |
| HSL | hsl(185.83, 31.86%, 55.69%) |
| HSB / HSV | hsv(185.83 40.45% 69.8%) |
| HWB | hwb(185.83 41.57% 30.2%) |
| CMYK | cmyk(40% 4% 0% 30%) |
| Lab | lab(65.83 -20.27 -10.54) |
| LCH | lch(65.83 22.85 207.46) |
| OKLab | oklab(70.021% -0.06113 -0.02784) |
| OKLCH | oklch(70.021% 0.06717 204.486) |
| Display P3 | color(display-p3 0.47409 0.66406 0.69245) |
| Rec. 2020 | color(rec2020 0.48319 0.61989 0.65806) |
| Adobe RGB | color(a98-rgb 0.50138 0.66466 0.69104) |
| ProPhoto RGB | color(prophoto-rgb 0.48645 0.58625 0.63026) |
| sRGB เชิงเส้น | color(srgb-linear 0.14413 0.40724 0.4452) |
| XYZ D65 | color(xyz-d65 0.28541 0.35403 0.47451) |
| XYZ D50 | color(xyz-d50 0.2834 0.351 0.35946) |
| SwiftUI | Color(red: 0.416, green: 0.671, blue: 0.698) |
| UIKit | UIColor(red: 0.416, green: 0.671, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF6AABB2) |
| Android XML | #6AABB2 |

## ข้อมูล

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

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

#6aabb2, #7ab3ba, #89bcc1, #98c4c9, #a7ccd0, #b5d5d8, #c4dde0, #d3e5e7, #e1eeef, #f0f6f7

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

#6aabb2, #5b949a, #4d7e83, #3f686d, #315457, #244043, #182d2f, #0d1b1d, #040b0c, #000101

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

#6aabb2, #70aab0, #76a9ae, #7ca7ac, #82a6aa, #87a5a8, #8ca4a6, #91a2a4, #95a1a2, #9aa0a0

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

- คู่ตรงข้าม: #6aabb2, #c58f8a
- คู่ตรงข้ามแยก: #6aabb2, #c18da1, #c09477
- ข้างเคียง: #6aabb2, #71ad9c, #75a6c2
- สามเส้า: #6aabb2, #b491b6, #b29c6e
- สี่เหลี่ยมผืนผ้า: #6aabb2, #8a9ec9, #c58f8a, #b29c6e
- สี่เหลี่ยมจัตุรัส: #6aabb2, #a197c5, #c58f8a, #9da473
- โทนสีเดียว: #6aabb2, #1e636a, #45868d, #90d1d9, #b6f9ff

## คำถามเกี่ยวกับ #6aabb2

### #6aabb2 คือสีอะไร

#6aabb2 เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(106, 171, 178) ใน HSL คือ hsl(185.83, 31.86%, 55.69%) และใน OKLCH คือ oklch(70.021% 0.06717 204.486)

### สีอะไรเข้ากับ #6aabb2

สีตรงข้ามของ #6aabb2 คือ #c58f8a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #71ad9c และ #75a6c2 ส่วนสีสามเส้าคือ #b491b6 และ #b29c6e

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

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

### #6aabb2 เป็นสีโทนร้อนหรือโทนเย็น

#6aabb2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 204 องศา ความสว่าง 70% และความสด 0.067