# สี #98a4e9: โทนสด เฉดอ่อนของสีคราม

#98a4e9 คือ rgb(152, 164, 233) ใน RGB และ oklch(73.564% 0.10092 276.054) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #98a4e9 |
| RGB | rgb(152, 164, 233) |
| HSL | hsl(231.11, 64.8%, 75.49%) |
| HSB / HSV | hsv(231.11 34.76% 91.37%) |
| HWB | hwb(231.11 59.61% 8.63%) |
| CMYK | cmyk(35% 30% 0% 9%) |
| Lab | lab(68.42 7.94 -36.51) |
| LCH | lch(68.42 37.36 282.27) |
| OKLab | oklab(73.564% 0.01064 -0.10036) |
| OKLCH | oklch(73.564% 0.10092 276.054) |
| Display P3 | color(display-p3 0.60478 0.64165 0.89328) |
| Rec. 2020 | color(rec2020 0.59009 0.60544 0.87665) |
| Adobe RGB | color(a98-rgb 0.60429 0.63726 0.90176) |
| ProPhoto RGB | color(prophoto-rgb 0.60381 0.58256 0.85494) |
| sRGB เชิงเส้น | color(srgb-linear 0.31399 0.37124 0.81485) |
| XYZ D65 | color(xyz-d65 0.4093 0.39109 0.82486) |
| XYZ D50 | color(xyz-d50 0.39649 0.38539 0.62229) |
| SwiftUI | Color(red: 0.596, green: 0.643, blue: 0.914) |
| UIKit | UIColor(red: 0.596, green: 0.643, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF98A4E9) |
| Android XML | #98A4E9 |

## ข้อมูล

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

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

#98a4e9, #a2adec, #acb6ee, #b6bff1, #c0c8f3, #cad1f5, #d4dbf8, #dfe4fa, #e9edfc, #f4f6fd

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

#98a4e9, #848ecb, #7079ad, #5c6490, #4a5074, #383d5a, #272b41, #171a29, #080a13, #010103

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

#98a4e9, #9aa5e3, #9ba6dd, #9da6d6, #9fa7d0, #a0a7ca, #a2a8c3, #a4a8bd, #a6a9b7, #a7a9b0

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

- คู่ตรงข้าม: #98a4e9, #bca95c
- คู่ตรงข้ามแยก: #98a4e9, #d59c62, #99b56e
- ข้างเคียง: #98a4e9, #72b0e5, #b999dc
- สามเส้า: #98a4e9, #e1927d, #72bd8f
- สี่เหลี่ยมผืนผ้า: #98a4e9, #d291c2, #bca95c, #72bd8f
- สี่เหลี่ยมจัตุรัส: #98a4e9, #e08ea0, #bca95c, #51beb3
- โทนสีเดียว: #98a4e9, #535c9b, #747fc1, #bfcbff, #eef4ff

## คำถามเกี่ยวกับ #98a4e9

### #98a4e9 คือสีอะไร

#98a4e9 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(152, 164, 233) ใน HSL คือ hsl(231.11, 64.8%, 75.49%) และใน OKLCH คือ oklch(73.564% 0.10092 276.054)

### สีอะไรเข้ากับ #98a4e9

สีตรงข้ามของ #98a4e9 คือ #bca95c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #72b0e5 และ #b999dc ส่วนสีสามเส้าคือ #e1927d และ #72bd8f

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

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

### #98a4e9 เป็นสีโทนร้อนหรือโทนเย็น

#98a4e9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 276 องศา ความสว่าง 73.6% และความสด 0.101