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

#306e77 คือ rgb(48, 110, 119) ใน RGB และ oklch(50.146% 0.06479 208.097) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #306e77 |
| RGB | rgb(48, 110, 119) |
| HSL | hsl(187.61, 42.51%, 32.75%) |
| HSB / HSV | hsv(187.61 59.66% 46.67%) |
| HWB | hwb(187.61 18.82% 53.33%) |
| CMYK | cmyk(60% 8% 0% 53%) |
| Lab | lab(42.69 -18.6 -11.41) |
| LCH | lch(42.69 21.82 211.53) |
| OKLab | oklab(50.146% -0.05715 -0.03051) |
| OKLCH | oklch(50.146% 0.06479 208.097) |
| Display P3 | color(display-p3 0.25277 0.42588 0.46107) |
| Rec. 2020 | color(rec2020 0.24924 0.36532 0.40811) |
| Adobe RGB | color(a98-rgb 0.28967 0.42955 0.46233) |
| ProPhoto RGB | color(prophoto-rgb 0.26735 0.34113 0.38392) |
| sRGB เชิงเส้น | color(srgb-linear 0.02956 0.15593 0.18447) |
| XYZ D65 | color(xyz-d65 0.10124 0.13112 0.19451) |
| XYZ D50 | color(xyz-d50 0.09934 0.12954 0.14728) |
| SwiftUI | Color(red: 0.188, green: 0.431, blue: 0.467) |
| UIKit | UIColor(red: 0.188, green: 0.431, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF306E77) |
| Android XML | #306E77 |

## ข้อมูล

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

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

#306e77, #467c84, #5b8a91, #6f989e, #83a6ab, #97b4b9, #acc3c7, #c0d2d4, #d5e1e3, #eaf0f1

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

#306e77, #285f67, #215057, #1a4147, #133338, #0c262a, #06191c, #030e10, #010405, #000101

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

#306e77, #376d75, #3e6c73, #446b71, #496a6f, #4e696d, #53686b, #576769, #5c6667, #606565

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

- คู่ตรงข้าม: #306e77, #85554f
- คู่ตรงข้ามแยก: #306e77, #825463, #805a3e
- ข้างเคียง: #306e77, #357064, #3e6984
- สามเส้า: #306e77, #785676, #736236
- สี่เหลี่ยมผืนผ้า: #306e77, #546289, #85554f, #736236
- สี่เหลี่ยมจัตุรัส: #306e77, #685c84, #85554f, #60693d
- โทนสีเดียว: #306e77, #002c35, #024c55, #55929b, #79b7c1

## คำถามเกี่ยวกับ #306e77

### #306e77 คือสีอะไร

#306e77 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(48, 110, 119) ใน HSL คือ hsl(187.61, 42.51%, 32.75%) และใน OKLCH คือ oklch(50.146% 0.06479 208.097)

### สีอะไรเข้ากับ #306e77

สีตรงข้ามของ #306e77 คือ #85554f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #357064 และ #3e6984 ส่วนสีสามเส้าคือ #785676 และ #736236

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

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

### #306e77 เป็นสีโทนร้อนหรือโทนเย็น

#306e77 เป็นสีโทนเย็น ใน OKLCH มีฮิว 208 องศา ความสว่าง 50.1% และความสด 0.065
