Màu có tên gần nhất · #51A4CB
#51A4CB
Màu có tên gần nhất: Mystic Blue
#51A4CB (rgb(81 164 203), hsl(199 54% 56%), oklch(0.683 0.099 231)) gần nhất với màu có tên Mystic Blue. 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.
#51A4CB
oklch(0.683 0.099 231)
Chuyển đổi màu
- HEX
- #51a4cb
- RGB
- rgb(81 164 203)
- HSL
- hsl(199 54% 56%)
- HWB
- hwb(199 32% 20%)
- OKLCH
- oklch(0.683 0.099 231)
- OKLab
- oklab(0.683 -0.062 -0.077)
- CIE Lab
- lab(63.4 -17.43 -28.15)
- LCH
- lch(63.4 33.11 238.2)
- CMYK
- cmyk(60% 19% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 65ADD0
- 77B6D6
- 89BFDB
- 9AC8E0
- ABD2E6
- BCDBEB
- CDE4F0
- DDEDF5
- EEF6FA
Sắc đậm
- 458EB0
- 3A7996
- 2F647D
- 245065
- 1A3D4D
- 102B37
- 071A22
- 020A0F
- 000102
Sắc xám
- 58A1C3
- 5F9DBC
- 649AB4
- 6996AD
- 6E92A5
- 728F9E
- 768B96
- 7A888F
- 7D8487
Hòa sắc
Bổ túc +180°
- 51A4CB
Mystic Blue
- CA875F
≈ Wheatberry
Tương đồng -30° +30°
- 51A4CB
Mystic Blue
- 3BABB2
≈ Tempo
- 7699D6
≈ Ice Blue
Bộ ba +120° +240°
- 51A4CB
Mystic Blue
- C87FA1
≈ Moonlight Mauve
- 9C9F53
≈ Sweet Pea
Bổ túc chia +150° +210°
- 51A4CB
Mystic Blue
- CF807E
≈ Raspberry Ripple
- B8934D
≈ Alluvial Inca
Bộ bốn +90° +180° +270°
- 51A4CB
Mystic Blue
- B585BE
≈ Creeping Bellflower
- CA875F
≈ Wheatberry
- 77A86E
≈ Dusty Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.52:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--mystic-blue: #51a4cb;
--mystic-blue-rgb: 81 164 203;
--mystic-blue-oklch: oklch(0.683 0.099 231);
}
.element {
color: var(--mystic-blue);
background-color: hsl(199 54% 56%);
border-color: oklch(0.683 0.099 231);
}Tailwind CSS v4
@theme {
--color-mystic-blue: #51a4cb;
--color-mystic-blue-50: #dafbff;
--color-mystic-blue-100: #c8eeff;
--color-mystic-blue-200: #abdcf8;
--color-mystic-blue-300: #83c1e2;
--color-mystic-blue-400: #5ca9ce;
--color-mystic-blue-500: #2f91bc;
--color-mystic-blue-600: #2a7b9e;
--color-mystic-blue-700: #21627f;
--color-mystic-blue-800: #14495e;
--color-mystic-blue-900: #0d3242;
--color-mystic-blue-950: #011e2a;
}SCSS
$mystic-blue: #51a4cb;
$mystic-blue-rgb: 81, 164, 203;
$mystic-blue-light: mix(#fff, $mystic-blue, 20%);
$mystic-blue-dark: mix(#000, $mystic-blue, 20%);
.element {
color: $mystic-blue;
box-shadow: 0 0 0 2px rgba($mystic-blue, 0.35);
}