Bảng màu

Màu xanh hoàng gia

Theo tích xưa, màu này ra đời từ một cuộc thi may váy cho hoàng hậu Charlotte của Anh. Đây là sắc xanh dương sống động, bão hòa. Nó được ưa chuộng cho váy dự tiệc, đồ thể thao và trang trí lễ tốt nghiệp.

Còn gọi là: royal blue.

Xanh hoàng gia · #4169E1

Thông tin về màu xanh hoàng gia

Màu xanh hoàng gia (#4169E1) là màu lạnh, sáng vừa và rực vừa phải. Màu này thuộc nhóm màu xanh dương. Nó được pha từ 65 phần đỏ, 105 phần xanh lá và 225 phần xanh dương (trên 255). Màu này thường dùng cho thời trang, sự kiện, thể thao.

Các sắc độ của màu xanh hoàng gia: sáng và tối

Từ sáng đến tối. Chạm vào một sắc độ để sao chép mã màu.

Màu hợp với màu xanh hoàng gia

TrắngTương phản rõ nét và gọn gàng.ĐenVẻ ngoài thanh lịch và nghiêm túc.Vàng kimThêm ánh lấp lánh và không khí lễ hội.XámLàm dịu màu xanh và tạo vẻ chuyên nghiệp.VàngTương phản vui tươi và thể thao.CamMàu bổ túc của nó, cực kỳ bắt mắt.Nâu lạc đàẤm áp và thanh lịch cùng lúc.HồngKết hợp hiện đại và táo bạo.
Cách phối màu xanh hoàng gia trong trang phục và nội thất →

Phối màu hài hòa với màu xanh hoàng gia

Các cách phối theo vòng tròn màu. Xem thêm tại phối màu hài hòa.

Bổ túcGần với: Vàng cổ
Tương đồngGần với: Xanh baby, Tím đậm
Bộ baGần với: Hồng mâm xôi, Xanh cỏ
Bổ túc chia táchGần với: San hô, Xanh táo
Bộ bốnGần với: Hồng neon, Vàng cổ, Xanh lá pastel

Bảng màu có màu xanh hoàng gia

Sao chép mã màu hoặc mở bảng màu trong trình chỉnh sửa để tùy chỉnh.

Bảng màu Đơn sắc · Xanh hoàng gia
Bảng màu Tương đồng · Xanh hoàng gia
Bảng màu Bổ túc · Xanh hoàng gia
Bảng màu Bộ ba · Xanh hoàng gia
Bảng màu Với màu trung tính · Xanh hoàng gia
Bảng màu Với màu nhấn · Xanh hoàng gia

Độ tương phản giữa màu xanh hoàng gia và chữ

Chữ trắngTương phản 4.8:1 · AA
Chữ đenTương phản 4.3:1 · AA chữ lớn

Theo hướng dẫn WCAG 2.1. Thử các cặp màu khác với công cụ kiểm tra tương phản.

Mã CSS

:root {
  --xanh-hoang-gia: #4169E1;
  --xanh-hoang-gia-rgb: 65, 105, 225;
}
.nền { background-color: var(--xanh-hoang-gia); }
.chữ { color: var(--xanh-hoang-gia); }

Màu gần giống màu xanh hoàng gia

Xanh điệnXanh sapphireXanh cobanXanh jeanXanh KleinTím thạch anhTím nhoTím oải hươngXanh PhápTím Ultra Violet

Các màu xanh dương khác

Xanh dươngXanh tím thanXanh da trờiXanh cobanXanh sapphireXanh thépXanh điệnXanh nửa đêmXanh lưu lyXanh PhápXanh PhổXanh dương pastelXanh babyXanh jeanXanh KleinXanh dương đậmXanh dương nhạtXanh thiên thanh

Câu hỏi thường gặp

Mã màu xanh hoàng gia là gì?

Mã HEX của màu xanh hoàng gia là #4169E1. Trong RGB là rgb(65, 105, 225), trong HSL là hsl(225, 73%, 57%) và trong CMYK là 71, 53, 0, 12.

Màu bổ túc của màu xanh hoàng gia là gì?

Màu bổ túc trên vòng tròn màu là #E1B941, một sắc độ gần với vàng cổ. Dùng một lượng nhỏ, nó là màu nhấn đẹp và tạo tương phản mạnh.

Có thể dùng chữ trắng trên nền màu xanh hoàng gia không?

Có. Độ tương phản với màu trắng là 4.8:1, đủ cho chữ thường (WCAG AA).

Màu xanh hoàng gia hợp với màu nào?

Hợp với trắng, đen, vàng kim, xám, vàng. Tránh phối với tím hoặc xanh lá rực tương đương, vì chúng tranh nhau sự chú ý. Với sắc xanh tím than quá gần màu, trông sẽ lệch tông.