สี #e2ca63: โทนพาสเทล เฉดอ่อนของสีเหลือง
#e2ca63 คือ rgb(226, 202, 99) ใน RGB และ oklch(83.883% 0.12602 96.404) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีเหลือง
- อ่อน
- สด
- พาสเทล
- โทนร้อน
- ≈ สีอำพัน
- amber-300
- สีดำ 11%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
เปิดเป็นพาเลตล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #e2ca63
#e2ca63 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ใน OKLCH มีความสว่าง 83.9% ความสด 0.126 และฮิว 96°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 1.63:1 ส่วนสีดำได้ 12.86:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีอำพัน (#ffbf00) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ amber-300
อ่อนลง: #e2ca63 ผสมสีขาว
เข้มขึ้น: #e2ca63 ผสมสีดำ
นุ่มลง: #e2ca63 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #e2ca63
คำถามเกี่ยวกับ #e2ca63
#e2ca63 คือสีอะไร
#e2ca63 เป็นโทนพาสเทล เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(226, 202, 99) ใน HSL คือ hsl(48.66, 68.65%, 63.73%) และใน OKLCH คือ oklch(83.883% 0.12602 96.404)
สีอะไรเข้ากับ #e2ca63
สีตรงข้ามของ #e2ca63 คือ #b8c5ff หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ffb96c และ #b5d97c ส่วนสีสามเส้าคือ #52deff และ #feaae9
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #e2ca63
ตัวอักษรสีดำอ่านง่ายกว่าบน #e2ca63: สีขาวให้อัตราคอนทราสต์ 1.63:1 และสีดำให้ 12.86:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#e2ca63 เป็นสีโทนร้อนหรือโทนเย็น
#e2ca63 เป็นสีโทนร้อน ใน OKLCH มีฮิว 96 องศา ความสว่าง 83.9% และความสด 0.126