# สี #f2dcc5: โทนพาสเทล เฉดอ่อนมากของสีเบจ

#f2dcc5 คือ rgb(242, 220, 197) ใน RGB และ oklch(90.642% 0.03916 68.547) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f2dcc5 |
| RGB | rgb(242, 220, 197) |
| HSL | hsl(30.67, 63.38%, 86.08%) |
| HSB / HSV | hsv(30.67 18.6% 94.9%) |
| HWB | hwb(30.67 77.25% 5.1%) |
| CMYK | cmyk(0% 9% 19% 5%) |
| Lab | lab(89.13 5.17 14.24) |
| LCH | lch(89.13 15.15 70.06) |
| OKLab | oklab(90.642% 0.01432 0.03645) |
| OKLCH | oklch(90.642% 0.03916 68.547) |
| Display P3 | color(display-p3 0.93447 0.86579 0.78297) |
| Rec. 2020 | color(rec2020 0.90439 0.85237 0.75941) |
| Adobe RGB | color(a98-rgb 0.92321 0.8589 0.77124) |
| ProPhoto RGB | color(prophoto-rgb 0.874 0.83844 0.74058) |
| sRGB เชิงเส้น | color(srgb-linear 0.88792 0.71569 0.55834) |
| XYZ D65 | color(xyz-d65 0.72286 0.74096 0.63319) |
| XYZ D50 | color(xyz-d50 0.74273 0.74447 0.48055) |
| SwiftUI | Color(red: 0.949, green: 0.863, blue: 0.773) |
| UIKit | UIColor(red: 0.949, green: 0.863, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFFF2DCC5) |
| Android XML | #F2DCC5 |

## ข้อมูล

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

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

#f2dcc5, #f3dfcb, #f5e3d1, #f6e6d6, #f7eadc, #f9ede2, #faf1e8, #fbf4ee, #fcf8f3, #fefbf9

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

#f2dcc5, #d2bfab, #b4a392, #968879, #796e61, #5e544b, #433c35, #2b2621, #14110e, #030202

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

#f2dcc5, #f0dcc8, #eeddcb, #edddcd, #ebded0, #e9ded3, #e7ded5, #e5dfd8, #e4dfdb, #e2e0dd

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

- คู่ตรงข้าม: #f2dcc5, #cde3fa
- คู่ตรงข้ามแยก: #f2dcc5, #c4e7f2, #dadefb
- ข้างเคียง: #f2dcc5, #f9d8ce, #e6e1c4
- สามเส้า: #f2dcc5, #c4e9e5, #e7daf5
- สี่เหลี่ยมผืนผ้า: #f2dcc5, #d8e6ca, #cde3fa, #e7daf5
- สี่เหลี่ยมจัตุรัส: #f2dcc5, #cbe9d7, #cde3fa, #f3d7e9
- โทนสีเดียว: #f2dcc5, #a5907b, #cbb59f, #fff1da, #fff1da

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

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

#f2dcc5 เป็นโทนพาสเทล เฉดอ่อนมากของสีเบจ ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเบจ ใน RGB คือ rgb(242, 220, 197) ใน HSL คือ hsl(30.67, 63.38%, 86.08%) และใน OKLCH คือ oklch(90.642% 0.03916 68.547)

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

สีตรงข้ามของ #f2dcc5 คือ #cde3fa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #f9d8ce และ #e6e1c4 ส่วนสีสามเส้าคือ #c4e9e5 และ #e7daf5

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

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

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

#f2dcc5 เป็นสีโทนร้อน ใน OKLCH มีฮิว 69 องศา ความสว่าง 90.6% และความสด 0.039