# สี #757aa5: โทนตุ่น สีคราม

#757aa5 คือ rgb(117, 122, 165) ใน RGB และ oklch(59.188% 0.06591 279.035) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #757aa5 |
| RGB | rgb(117, 122, 165) |
| HSL | hsl(233.75, 21.05%, 55.29%) |
| HSB / HSV | hsv(233.75 29.09% 64.71%) |
| HWB | hwb(233.75 45.88% 35.29%) |
| CMYK | cmyk(29% 26% 0% 35%) |
| Lab | lab(52.05 5.75 -23.82) |
| LCH | lch(52.05 24.5 283.56) |
| OKLab | oklab(59.188% 0.01035 -0.0651) |
| OKLCH | oklch(59.188% 0.06591 279.035) |
| Display P3 | color(display-p3 0.46238 0.4778 0.63403) |
| Rec. 2020 | color(rec2020 0.42381 0.42812 0.59226) |
| Adobe RGB | color(a98-rgb 0.46159 0.4751 0.63534) |
| ProPhoto RGB | color(prophoto-rgb 0.42164 0.40679 0.55946) |
| sRGB เชิงเส้น | color(srgb-linear 0.17789 0.19462 0.37626) |
| XYZ D65 | color(xyz-d65 0.21086 0.20417 0.38429) |
| XYZ D50 | color(xyz-d50 0.20636 0.20191 0.29006) |
| SwiftUI | Color(red: 0.459, green: 0.478, blue: 0.647) |
| UIKit | UIColor(red: 0.459, green: 0.478, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF757AA5) |
| Android XML | #757AA5 |

## ข้อมูล

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

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

#757aa5, #8287ae, #8f93b7, #9ca0c0, #aaadc9, #b7bbd2, #c5c8db, #d3d6e4, #e2e3ed, #f0f1f6

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

#757aa5, #65698f, #555979, #464965, #373a51, #292b3d, #1c1d2b, #0f101a, #05050a, #010101

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

#757aa5, #767aa1, #777b9d, #777b99, #787c96, #797c92, #7a7d8e, #7b7d8a, #7c7d86, #7d7d82

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

- คู่ตรงข้าม: #757aa5, #877f50
- คู่ตรงข้ามแยก: #757aa5, #987752, #72865c
- ข้างเคียง: #757aa5, #5f81a4, #89739c
- สามเส้า: #757aa5, #a07061, #5b8a70
- สี่เหลี่ยมผืนผ้า: #757aa5, #996f8b, #877f50, #5b8a70
- สี่เหลี่ยมจัตุรัส: #757aa5, #a16e75, #877f50, #4b8b86
- โทนสีเดียว: #757aa5, #34375d, #535780, #999ecb, #bec4f3

## คำถามเกี่ยวกับ #757aa5

### #757aa5 คือสีอะไร

#757aa5 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(117, 122, 165) ใน HSL คือ hsl(233.75, 21.05%, 55.29%) และใน OKLCH คือ oklch(59.188% 0.06591 279.035)

### สีอะไรเข้ากับ #757aa5

สีตรงข้ามของ #757aa5 คือ #877f50 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5f81a4 และ #89739c ส่วนสีสามเส้าคือ #a07061 และ #5b8a70

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

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

### #757aa5 เป็นสีโทนร้อนหรือโทนเย็น

#757aa5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 59.2% และความสด 0.066