ข้ามไปยังเครื่องมือเลือกสี

สี #153e50: โทนละมุน เฉดเข้มของสีฟ้า

#153e50 คือ rgb(21, 62, 80) ใน RGB และ oklch(34.393% 0.05487 230.308) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

198°
100%

34.4%
0.055
230°
  • สีฟ้า
  • เข้ม
  • ละมุน
  • โทนเย็น
  • ≈ สีเทาถ่าน
  • slate-700
  • สีดำ 69%

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาว
11.43:1อ่านง่าย · AA
Lc -100
ตัวอักษรสีดำ
1.84:1อ่านยาก
Lc 8

เฉดสี

ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน

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

ล่าสุด

สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น

เกี่ยวกับ #153e50

#153e50 เป็นโทนละมุน เฉดเข้มของสีฟ้า ใน OKLCH มีความสว่าง 34.4% ความสด 0.055 และฮิว 230°

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 11.43:1 ส่วนสีดำได้ 1.84:1 จึงควรใช้ตัวอักษรสีขาว

ชื่อสีที่ใกล้ที่สุดคือ สีเทาถ่าน (#36454f) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ slate-700

สีฟ้าเข้มเพิ่มเติม

อ่อนลง: #153e50 ผสมสีขาว

เข้มขึ้น: #153e50 ผสมสีดำ

  1. 000000

นุ่มลง: #153e50 ลดความอิ่มตัว

สีที่มีชื่อซึ่งคล้ายกัน

สีที่เข้ากับ #153e50

คู่ตรงข้าม
ข้างเคียง
สามเส้า
คู่ตรงข้ามแยก

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

#153e50 คือสีอะไร

#153e50 เป็นโทนละมุน เฉดเข้มของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดเข้มของสีฟ้า ใน RGB คือ rgb(21, 62, 80) ใน HSL คือ hsl(198.31, 58.42%, 19.8%) และใน OKLCH คือ oklch(34.393% 0.05487 230.308)

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

สีตรงข้ามของ #153e50 คือ #50301e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #084144 และ #283955 ส่วนสีสามเส้าคือ #4e2d3d และ #3a3b17

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

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

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

#153e50 เป็นสีโทนเย็น ใน OKLCH มีฮิว 230 องศา ความสว่าง 34.4% และความสด 0.055