# สี #f7be7e: โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน

#f7be7e คือ rgb(247, 190, 126) ใน RGB และ oklch(83.931% 0.10417 68.85) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #f7be7e |
| RGB | rgb(247, 190, 126) |
| HSL | hsl(31.74, 88.32%, 73.14%) |
| HSB / HSV | hsv(31.74 48.99% 96.86%) |
| HWB | hwb(31.74 49.41% 3.14%) |
| CMYK | cmyk(0% 23% 49% 3%) |
| Lab | lab(81.22 15.66 40.49) |
| LCH | lch(81.22 43.41 68.86) |
| OKLab | oklab(83.931% 0.03759 0.09715) |
| OKLCH | oklch(83.931% 0.10417 68.85) |
| Display P3 | color(display-p3 0.93401 0.75395 0.53027) |
| Rec. 2020 | color(rec2020 0.87352 0.73388 0.48706) |
| Adobe RGB | color(a98-rgb 0.90957 0.73948 0.50363) |
| ProPhoto RGB | color(prophoto-rgb 0.81477 0.71531 0.46994) |
| sRGB เชิงเส้น | color(srgb-linear 0.93011 0.51492 0.20864) |
| XYZ D65 | color(xyz-d65 0.60535 0.58109 0.27767) |
| XYZ D50 | color(xyz-d50 0.63376 0.58873 0.21193) |
| SwiftUI | Color(red: 0.969, green: 0.745, blue: 0.494) |
| UIKit | UIColor(red: 0.969, green: 0.745, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFFF7BE7E) |
| Android XML | #F7BE7E |

## ข้อมูล

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

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

#f7be7e, #f8c58c, #f9cb99, #fad2a6, #fbd8b3, #fcdfc0, #fde5cd, #feecd9, #fef2e6, #fff9f2

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

#f7be7e, #d7a56d, #b78c5c, #99754c, #7c5e3c, #60482d, #45331f, #2c1f11, #150d05, #030201

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

#f7be7e, #f3bf87, #eec18f, #eac297, #e6c49f, #e1c5a6, #ddc6ae, #d8c7b5, #d4c8bc, #cfc9c3

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

- คู่ตรงข้าม: #f7be7e, #94d0ff
- คู่ตรงข้ามแยก: #f7be7e, #74dbf8, #bbc4ff
- ข้างเคียง: #f7be7e, #ffb398, #dbcc7a
- สามเส้า: #f7be7e, #70e0d8, #deb8fe
- สี่เหลี่ยมผืนผ้า: #f7be7e, #b5d88e, #94d0ff, #deb8fe
- สี่เหลี่ยมจัตุรัส: #f7be7e, #8ddfb2, #94d0ff, #f8b0e1
- โทนสีเดียว: #f7be7e, #a87433, #cf9859, #ffebc7, #fff0d0

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

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

#f7be7e เป็นโทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลืองอำพัน ใน RGB คือ rgb(247, 190, 126) ใน HSL คือ hsl(31.74, 88.32%, 73.14%) และใน OKLCH คือ oklch(83.931% 0.10417 68.85)

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

สีตรงข้ามของ #f7be7e คือ #94d0ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffb398 และ #dbcc7a ส่วนสีสามเส้าคือ #70e0d8 และ #deb8fe

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

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

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

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