# สี #f6ae95: โทนพาสเทล เฉดอ่อนของสีส้ม

#f6ae95 คือ rgb(246, 174, 149) ใน RGB และ oklch(81.312% 0.09192 39.949) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f6ae95 |
| RGB | rgb(246, 174, 149) |
| HSL | hsl(15.46, 84.35%, 77.45%) |
| HSB / HSV | hsv(15.46 39.43% 96.47%) |
| HWB | hwb(15.46 58.43% 3.53%) |
| CMYK | cmyk(0% 29% 39% 4%) |
| Lab | lab(77.68 24.93 23.94) |
| LCH | lch(77.68 34.57 43.84) |
| OKLab | oklab(81.312% 0.07047 0.05902) |
| OKLCH | oklch(81.312% 0.09192 39.949) |
| Display P3 | color(display-p3 0.92271 0.69423 0.60128) |
| Rec. 2020 | color(rec2020 0.85519 0.67299 0.56043) |
| Adobe RGB | color(a98-rgb 0.89298 0.67642 0.5833) |
| ProPhoto RGB | color(prophoto-rgb 0.80037 0.65649 0.536) |
| sRGB เชิงเส้น | color(srgb-linear 0.92158 0.42327 0.30054) |
| XYZ D65 | color(xyz-d65 0.58565 0.52037 0.35394) |
| XYZ D50 | color(xyz-d50 0.60789 0.5267 0.26854) |
| SwiftUI | Color(red: 0.965, green: 0.682, blue: 0.584) |
| UIKit | UIColor(red: 0.965, green: 0.682, blue: 0.584, alpha: 1) |
| Flutter / Compose | Color(0xFFF6AE95) |
| Android XML | #F6AE95 |

## ข้อมูล

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

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

#f6ae95, #f8b6a0, #f9beaa, #fac6b5, #fbcfbf, #fcd7ca, #fddfd4, #fee7df, #feefea, #fff7f4

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

#f6ae95, #d69781, #b7806d, #986a5a, #7b5548, #5f4137, #452e26, #2c1c16, #150b08, #030101

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

#f6ae95, #f1b09a, #ecb29e, #e7b5a3, #e2b7a7, #ddb9ac, #d8bbb0, #d3bcb5, #cdbeb9, #c7c0bd

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

- คู่ตรงข้าม: #f6ae95, #79d0eb
- คู่ตรงข้ามแยก: #f6ae95, #75d5cf, #94c7fc
- ข้างเคียง: #f6ae95, #f7a9b4, #e9b880
- สามเส้า: #f6ae95, #8cd5ae, #b6bcfd
- สี่เหลี่ยมผืนผ้า: #f6ae95, #d0c47d, #79d0eb, #b6bcfd
- สี่เหลี่ยมจัตุรัส: #f6ae95, #aece8f, #79d0eb, #d4b2ef
- โทนสีเดียว: #f6ae95, #a6654e, #ce8971, #ffddcc, #ffede2

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

### #f6ae95 คือสีอะไร

#f6ae95 เป็นโทนพาสเทล เฉดอ่อนของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีส้ม ใน RGB คือ rgb(246, 174, 149) ใน HSL คือ hsl(15.46, 84.35%, 77.45%) และใน OKLCH คือ oklch(81.312% 0.09192 39.949)

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

สีตรงข้ามของ #f6ae95 คือ #79d0eb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f7a9b4 และ #e9b880 ส่วนสีสามเส้าคือ #8cd5ae และ #b6bcfd

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

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

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

#f6ae95 เป็นสีโทนร้อน ใน OKLCH มีฮิว 40 องศา ความสว่าง 81.3% และความสด 0.092