สี #63a5bd: โทนตุ่น สีฟ้า
#63a5bd คือ rgb(99, 165, 189) ใน RGB และ oklch(68.689% 0.07594 223.399) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีฟ้า
- ระดับกลาง
- ละมุน
- ตุ่น
- โทนเย็น
- ≈ สีเทาเข้ม
- slate-400
- สีดำ 26%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #63a5bd
#63a5bd เป็นโทนตุ่น สีฟ้า ใน OKLCH มีความสว่าง 68.7% ความสด 0.076 และฮิว 223°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 2.75:1 ส่วนสีดำได้ 7.65:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีเทาเข้ม (#a9a9a9) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ slate-400
อ่อนลง: #63a5bd ผสมสีขาว
เข้มขึ้น: #63a5bd ผสมสีดำ
นุ่มลง: #63a5bd ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #63a5bd
คำถามเกี่ยวกับ #63a5bd
#63a5bd คือสีอะไร
#63a5bd เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(99, 165, 189) ใน HSL คือ hsl(196, 40.54%, 56.47%) และใน OKLCH คือ oklch(68.689% 0.07594 223.399)
สีอะไรเข้ากับ #63a5bd
สีตรงข้ามของ #63a5bd คือ #c38b74 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5da9a8 และ #799dc9 ส่วนสีสามเส้าคือ #bc88a6 และ #a29d65
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #63a5bd
ตัวอักษรสีดำอ่านง่ายกว่าบน #63a5bd: สีขาวให้อัตราคอนทราสต์ 2.75:1 และสีดำให้ 7.65:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#63a5bd เป็นสีโทนร้อนหรือโทนเย็น
#63a5bd เป็นสีโทนเย็น ใน OKLCH มีฮิว 223 องศา ความสว่าง 68.7% และความสด 0.076