#5797B2

≈ lightslategray

%
เปิดหน้าสีนี้

รหัสสี

HEX#5797B2
RGBrgb(87, 151, 178)
HSLhsl(197.8°, 37.14%, 51.96%)
HSVhsv(197.8°, 51.12%, 69.8%)
CMYKcmyk(51.12%, 15.17%, 0%, 30.2%)
XYZxyz(23.03, 27.37, 46.18)
LABlab(59.32, -12.93, -20.41)
LCHlch(59.32, 24.16, 237.65°)

รหัสสี

HEX#5797B2
RGBrgb(87, 151, 178)
HSLhsl(197.8°, 37.14%, 51.96%)
HSVhsv(197.8°, 51.12%, 69.8%)
CMYKcmyk(51.12%, 15.17%, 0%, 30.2%)
XYZxyz(23.03, 27.37, 46.18)
LABlab(59.32, -12.93, -20.41)
LCHlch(59.32, 24.16, 237.65°)

การเข้าถึง

บนพื้นขาว3.24:1AA ✗AAA ✗
บนพื้นดำ6.47:1AA ✓AAA ✗

เป็นมนุษย์สุดประเสริฐเลิศคุณค่า

ข้อความเนื้อหาบนสีนั้น เพื่อให้ตัดสินความอ่านง่ายได้ก่อนตัดสินใจใช้จริง

เฉดและการจับคู่สี

สีอ่อนคือการผสมกับขาวบริสุทธิ์ ส่วนสีเข้มคือการผสมกับดำบริสุทธิ์ ทั้งสองชุดคำนวณทีละ 10% จึงทำให้สีสว่างขึ้นหรือลึกลงได้โดยไม่เปลี่ยนเนื้อสี

สีเข้ม

สีอ่อน

การจัดชุดสี

ชุดสีเลือกสีคู่หูจากตำแหน่งบนวงล้อสี แต่ละกฎให้อารมณ์ต่างกัน ตั้งแต่ตัดกันชัดเจนไปจนถึงกลมกลืนอย่างนุ่มนวลระหว่างสีข้างเคียง

#5797B2
#B27257

สีตรงข้าม

สีที่อยู่ตรงข้ามกันพอดีบนวงล้อ ห่างกัน 180° ตัดกันแรงที่สุด เหมาะเมื่อให้สีหนึ่งเป็นหลักและอีกสีเป็นจุดเน้น

สร้างไล่ระดับสี
#5797B2
#B2576A
#B29F57

สีตรงข้ามแบบแยก

สีหลักบวกกับสองสีที่ขนาบสีตรงข้าม ห่างออกไปข้างละราว 30° คงความตัดกันไว้แต่ลดความบาดตา

สร้างไล่ระดับสี
#5797B2
#B25797
#97B257

สามเส้า

สามสีที่ห่างกัน 120° สดใสและสมดุล ควรให้สีหนึ่งเด่นและใช้ที่เหลือเป็นจุดเน้น

สร้างไล่ระดับสี
#57B29F
#5797B2
#576AB2

สีข้างเคียง

สามสีที่ติดกันโดยห่างกัน 30° ตัดกันน้อยและสบายตา เหมาะกับพื้นหลังเรียบและงานไล่ระดับ

สร้างไล่ระดับสี
#2B4F5E
#40758C
#5797B2
#81B1C5
#AECDDA

สีเดียวหลายระดับ

สีเดียวในหลายระดับความสว่าง กลมกลืนโดยธรรมชาติและเป็นทางที่ปลอดภัยที่สุดสู่หน้าตาที่เป็นอันหนึ่งอันเดียวกัน

สร้างไล่ระดับสี
#5797B2
#7257B2
#B27257
#97B257

สี่เหลี่ยม

สีตรงข้ามสองคู่ที่ประกอบเป็นสี่เหลี่ยมผืนผ้าบนวงล้อ เป็นชุดที่รุ่มรวยที่สุดและต้องใช้ความยับยั้งชั่งใจมากที่สุด

สร้างไล่ระดับสี

สีมาแรงอื่น ๆ