# สี #648eb3: โทนตุ่น สีฟ้า

#648eb3 คือ rgb(100, 142, 179) ใน RGB และ oklch(63.051% 0.07269 245.87) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #648eb3 |
| RGB | rgb(100, 142, 179) |
| HSL | hsl(208.1, 34.2%, 54.71%) |
| HSB / HSV | hsv(208.1 44.13% 70.2%) |
| HWB | hwb(208.1 39.22% 29.8%) |
| CMYK | cmyk(44% 21% 0% 30%) |
| Lab | lab(57.04 -7.33 -24.34) |
| LCH | lch(57.04 25.42 253.23) |
| OKLab | oklab(63.051% -0.02972 -0.06634) |
| OKLCH | oklch(63.051% 0.07269 245.87) |
| Display P3 | color(display-p3 0.42733 0.55236 0.6888) |
| Rec. 2020 | color(rec2020 0.41957 0.50305 0.65233) |
| Adobe RGB | color(a98-rgb 0.4446 0.55182 0.69084) |
| ProPhoto RGB | color(prophoto-rgb 0.43133 0.47465 0.62094) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.2705 0.45079) |
| XYZ D65 | color(xyz-d65 0.23064 0.25309 0.46319) |
| XYZ D50 | color(xyz-d50 0.22425 0.2496 0.34994) |
| SwiftUI | Color(red: 0.392, green: 0.557, blue: 0.702) |
| UIKit | UIColor(red: 0.392, green: 0.557, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF648EB3) |
| Android XML | #648EB3 |

## ข้อมูล

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

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

#648eb3, #7399bb, #82a4c2, #91afca, #a1bad2, #b0c6d9, #c0d1e1, #cfdce8, #dfe8f0, #eff3f7

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

#648eb3, #567b9b, #486884, #3b566e, #2e4458, #223443, #16242f, #0b151d, #03070c, #000101

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

#648eb3, #688eaf, #6c8dab, #708da7, #748ca3, #788c9e, #7b8b9a, #7f8b96, #828a92, #868a8d

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

- คู่ตรงข้าม: #648eb3, #a88159
- คู่ตรงข้ามแยก: #648eb3, #b07a6b, #968955
- ข้างเคียง: #648eb3, #5195a5, #7d86b6
- สามเส้า: #648eb3, #b07783, #7e9261
- สี่เหลี่ยมผืนผ้า: #648eb3, #947ead, #a88159, #7e9261
- สี่เหลี่ยมจัตุรัส: #648eb3, #a6799a, #a88159, #649777
- โทนสีเดียว: #648eb3, #20486a, #416a8e, #88b3da, #addaff

## คำถามเกี่ยวกับ #648eb3

### #648eb3 คือสีอะไร

#648eb3 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(100, 142, 179) ใน HSL คือ hsl(208.1, 34.2%, 54.71%) และใน OKLCH คือ oklch(63.051% 0.07269 245.87)

### สีอะไรเข้ากับ #648eb3

สีตรงข้ามของ #648eb3 คือ #a88159 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5195a5 และ #7d86b6 ส่วนสีสามเส้าคือ #b07783 และ #7e9261

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

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

### #648eb3 เป็นสีโทนร้อนหรือโทนเย็น

#648eb3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 246 องศา ความสว่าง 63.1% และความสด 0.073