สี #549aa0: โทนตุ่น สีฟ้าอมเขียว
#549aa0 คือ rgb(84, 154, 160) ใน RGB และ oklch(64.28% 0.07113 202.769) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีฟ้าอมเขียว
- ระดับกลาง
- ละมุน
- ตุ่น
- โทนเย็น
- ≈ สีเทาอมฟ้า
- teal-600
- สีดำ 37%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #549aa0
#549aa0 เป็นโทนตุ่น สีฟ้าอมเขียว ใน OKLCH มีความสว่าง 64.3% ความสด 0.071 และฮิว 203°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 3.23:1 ส่วนสีดำได้ 6.51:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีเทาอมฟ้า (#708090) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ teal-600
อ่อนลง: #549aa0 ผสมสีขาว
เข้มขึ้น: #549aa0 ผสมสีดำ
นุ่มลง: #549aa0 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #549aa0
คำถามเกี่ยวกับ #549aa0
#549aa0 คือสีอะไร
#549aa0 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(84, 154, 160) ใน HSL คือ hsl(184.74, 31.15%, 47.84%) และใน OKLCH คือ oklch(64.28% 0.07113 202.769)
สีอะไรเข้ากับ #549aa0
สีตรงข้ามของ #549aa0 คือ #b47c79 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5d9b89 และ #5f95b1 ส่วนสีสามเส้าคือ #a27fa7 และ #a2895a
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #549aa0
ตัวอักษรสีดำอ่านง่ายกว่าบน #549aa0: สีขาวให้อัตราคอนทราสต์ 3.23:1 และสีดำให้ 6.51:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#549aa0 เป็นสีโทนร้อนหรือโทนเย็น
#549aa0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 203 องศา ความสว่าง 64.3% และความสด 0.071