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

สี #337ea0: โทนสด สีฟ้า

#337ea0 คือ rgb(51, 126, 160) ใน RGB และ oklch(56.12% 0.08996 231.096) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

199°
100%

56.1%
0.090
231°
  • สีฟ้า
  • ระดับกลาง
  • สด
  • โทนเย็น
  • ≈ สีเซรูเลียน
  • cyan-700
  • สีดำ 37%

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

ตัวอักษรสีขาว
4.53:1อ่านง่าย · AA
Lc -77
ตัวอักษรสีดำ
4.63:1อ่านง่าย · AA
Lc 33

เฉดสี

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

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

เปิดเป็นพาเลต

ล่าสุด

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

เกี่ยวกับ #337ea0

#337ea0 เป็นโทนสด สีฟ้า ใน OKLCH มีความสว่าง 56.1% ความสด 0.09 และฮิว 231°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีเซรูเลียน (#007ba7) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ cyan-700

สีฟ้าระดับกลางเพิ่มเติม

อ่อนลง: #337ea0 ผสมสีขาว

  1. 337ea0
  2. 4a8baa
  3. 5f97b3
  4. 74a4bd
  5. 88b1c6
  6. 9bbdcf
  7. afcad9
  8. c3d7e2
  9. d7e5ec
  10. ebf2f5

เข้มขึ้น: #337ea0 ผสมสีดำ

  1. 337ea0
  2. 2b6d8b
  3. 235c76
  4. 1c4c61
  5. 143c4e
  6. 0d2d3b
  7. 071f29
  8. 031119
  9. 010509
  10. 000101

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

  1. 337ea0
  2. 3d7d9c
  3. 457d98
  4. 4d7c93
  5. 537b8f
  6. 5a7a8b
  7. 607986
  8. 657882
  9. 6b777e
  10. 707679

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

#337ea0 คือสีอะไร

#337ea0 เป็นโทนสด สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีฟ้า ใน RGB คือ rgb(51, 126, 160) ใน HSL คือ hsl(198.72, 51.66%, 41.37%) และใน OKLCH คือ oklch(56.12% 0.08996 231.096)

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

สีตรงข้ามของ #337ea0 คือ #9f6542 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #19848b และ #5675aa ส่วนสีสามเส้าคือ #9d5e7b และ #777a37

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

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

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

#337ea0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 231 องศา ความสว่าง 56.1% และความสด 0.09