สี #59a5ea: โทนสด เฉดอ่อนของสีน้ำเงิน
#59a5ea คือ rgb(89, 165, 234) ใน RGB และ oklch(70.255% 0.12686 247.98) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีน้ำเงิน
- อ่อน
- สด
- โทนเย็น
- ≈ สีฟ้าเหล็ก
- blue-400
- สีดำ 8%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #59a5ea
#59a5ea เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ใน OKLCH มีความสว่าง 70.3% ความสด 0.127 และฮิว 248°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 2.63:1 ส่วนสีดำได้ 7.99:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าเหล็ก (#4682b4) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ blue-400
อ่อนลง: #59a5ea ผสมสีขาว
เข้มขึ้น: #59a5ea ผสมสีดำ
นุ่มลง: #59a5ea ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #59a5ea
คำถามเกี่ยวกับ #59a5ea
#59a5ea คือสีอะไร
#59a5ea เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(89, 165, 234) ใน HSL คือ hsl(208.55, 77.54%, 63.33%) และใน OKLCH คือ oklch(70.255% 0.12686 247.98)
สีอะไรเข้ากับ #59a5ea
สีตรงข้ามของ #59a5ea คือ #d38f3c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00b1d3 และ #8d96ed ส่วนสีสามเส้าคือ #e17c90 และ #88ae53
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #59a5ea
ตัวอักษรสีดำอ่านง่ายกว่าบน #59a5ea: สีขาวให้อัตราคอนทราสต์ 2.63:1 และสีดำให้ 7.99:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#59a5ea เป็นสีโทนร้อนหรือโทนเย็น
#59a5ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 70.3% และความสด 0.127