Màu có tên gần nhất · #4FA4CA
#4FA4CA
Màu có tên gần nhất: Mystic Blue
#4FA4CA (rgb(79 164 202), hsl(199 54% 55%), oklch(0.681 0.099 229.9)) 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.
#4FA4CA
oklch(0.681 0.099 229.9)
Chuyển đổi màu
- HEX
- #4fa4ca
- RGB
- rgb(79 164 202)
- HSL
- hsl(199 54% 55%)
- HWB
- hwb(199 31% 21%)
- OKLCH
- oklch(0.681 0.099 229.9)
- OKLab
- oklab(0.681 -0.064 -0.076)
- CIE Lab
- lab(63.29 -18.09 -27.77)
- LCH
- lch(63.29 33.14 236.9)
- CMYK
- cmyk(61% 19% 0% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 63ADD0
- 76B6D5
- 88BFDA
- 99C8E0
- AAD2E5
- BBDBEA
- CCE4F0
- DDEDF5
- EEF6FA
Sắc đậm
- 448EAF
- 387995
- 2E647C
- 235064
- 193D4D
- 102B37
- 071A22
- 020A0F
- 000102
Sắc xám
- 57A1C3
- 5D9DBB
- 639AB4
- 6896AC
- 6D92A5
- 728F9E
- 768B96
- 79888F
- 7D8487
Hòa sắc
Bổ túc +180°
- 4FA4CA
Mystic Blue
- CA8660
≈ Wheatberry
Tương đồng -30° +30°
- 4FA4CA
Mystic Blue
- 3AABB1
≈ Tempo
- 7499D6
≈ Sea Loch
Bộ ba +120° +240°
- 4FA4CA
Mystic Blue
- C77FA1
≈ Moonlight Mauve
- 9C9E52
≈ Lazy Lizard
Bổ túc chia +150° +210°
- 4FA4CA
Mystic Blue
- CF7F7F
≈ Galah
- B9924D
≈ Alluvial Inca
Bộ bốn +90° +180° +270°
- 4FA4CA
Mystic Blue
- B484BF
≈ African Violet
- CA8660
≈ Wheatberry
- 78A86D
≈ Dusty Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.49:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--mystic-blue: #4fa4ca;
--mystic-blue-rgb: 79 164 202;
--mystic-blue-oklch: oklch(0.681 0.099 229.9);
}
.element {
color: var(--mystic-blue);
background-color: hsl(199 54% 55%);
border-color: oklch(0.681 0.099 229.9);
}Tailwind CSS v4
@theme {
--color-mystic-blue: #4fa4ca;
--color-mystic-blue-50: #dafbff;
--color-mystic-blue-100: #c8efff;
--color-mystic-blue-200: #aaddf8;
--color-mystic-blue-300: #82c1e2;
--color-mystic-blue-400: #5aa9ce;
--color-mystic-blue-500: #2c92bb;
--color-mystic-blue-600: #287b9e;
--color-mystic-blue-700: #20637f;
--color-mystic-blue-800: #13495d;
--color-mystic-blue-900: #0c3241;
--color-mystic-blue-950: #011e2a;
}SCSS
$mystic-blue: #4fa4ca;
$mystic-blue-rgb: 79, 164, 202;
$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);
}