Màu có tên gần nhất · #5791AC
#5791AC
Màu có tên gần nhất: Treasure Map Waters
#5791AC (rgb(87 145 172), hsl(199 34% 51%), oklch(0.627 0.073 229.5)) gần nhất với màu có tên Treasure Map Waters. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#5791AC
oklch(0.627 0.073 229.5)
Chuyển đổi màu
- HEX
- #5791ac
- RGB
- rgb(87 145 172)
- HSL
- hsl(199 34% 51%)
- HWB
- hwb(199 34% 33%)
- OKLCH
- oklch(0.627 0.073 229.5)
- OKLab
- oklab(0.627 -0.047 -0.056)
- CIE Lab
- lab(57 -14 -20.51)
- LCH
- lch(57 24.83 235.7)
- CMYK
- cmyk(49% 16% 0% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 689CB4
- 79A6BD
- 8AB1C5
- 9ABCCD
- ABC7D5
- BBD2DE
- CCDDE6
- DDE8EE
- EEF4F7
Sắc đậm
- 4B7D95
- 3E6A7F
- 335869
- 274654
- 1C3540
- 12252D
- 08151B
- 03070B
- 000101
Sắc xám
- 5C8FA8
- 618EA3
- 668C9F
- 6A8B9B
- 6E8996
- 728792
- 76858D
- 798489
- 7D8284
Hòa sắc
Bổ túc +180°
- 5791AC
Treasure Map Waters
- AD7B61
≈ Tawny Birch
Tương đồng -30° +30°
- 5791AC
Treasure Map Waters
- 4D9699
≈ Sea Current
- 6E89B5
≈ Kimono
Bộ ba +120° +240°
- 5791AC
Treasure Map Waters
- AA768F
≈ Cipher
- 8B8C58
≈ Green Olive
Bổ túc chia +150° +210°
- 5791AC
Treasure Map Waters
- B07776
≈ Red Gerbera
- A08454
≈ Aztec Brick
Bộ bốn +90° +180° +270°
- 5791AC
Treasure Map Waters
- 9C7AA4
≈ Pishposh
- AD7B61
≈ Tawny Birch
- 719369
≈ Aspen Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.47:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 6.05:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--treasure-map-waters: #5791ac;
--treasure-map-waters-rgb: 87 145 172;
--treasure-map-waters-oklch: oklch(0.627 0.073 229.5);
}
.element {
color: var(--treasure-map-waters);
background-color: hsl(199 34% 51%);
border-color: oklch(0.627 0.073 229.5);
}Tailwind CSS v4
@theme {
--color-treasure-map-waters: #5791ac;
--color-treasure-map-waters-50: #e1faff;
--color-treasure-map-waters-100: #d1edfc;
--color-treasure-map-waters-200: #b6dbee;
--color-treasure-map-waters-300: #92bfd7;
--color-treasure-map-waters-400: #70a7c1;
--color-treasure-map-waters-500: #4e8fad;
--color-treasure-map-waters-600: #437992;
--color-treasure-map-waters-700: #356175;
--color-treasure-map-waters-800: #254756;
--color-treasure-map-waters-900: #18323c;
--color-treasure-map-waters-950: #091d26;
}SCSS
$treasure-map-waters: #5791ac;
$treasure-map-waters-rgb: 87, 145, 172;
$treasure-map-waters-light: mix(#fff, $treasure-map-waters, 20%);
$treasure-map-waters-dark: mix(#000, $treasure-map-waters, 20%);
.element {
color: $treasure-map-waters;
box-shadow: 0 0 0 2px rgba($treasure-map-waters, 0.35);
}