Màu có tên gần nhất · #008AE8
#008AE8
Màu có tên gần nhất: Magical Merlin
#008AE8 (rgb(0 138 232), hsl(204 100% 45%), oklch(0.621 0.172 249.1)) gần nhất với màu có tên Magical Merlin. 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.
#008AE8
oklch(0.621 0.172 249.1)
Chuyển đổi màu
- HEX
- #008ae8
- RGB
- rgb(0 138 232)
- HSL
- hsl(204 100% 45%)
- HWB
- hwb(204 0% 9%)
- OKLCH
- oklch(0.621 0.172 249.1)
- OKLab
- oklab(0.621 -0.061 -0.16)
- CIE Lab
- lab(55.19 -4.43 -57.21)
- LCH
- lch(55.19 57.38 265.6)
- CMYK
- cmyk(100% 41% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3697EB
- 52A3EF
- 6AAFF2
- 80BBF4
- 96C6F7
- ABD2F9
- C0DDFB
- D5E8FD
- EAF4FE
Sắc đậm
- 0077CA
- 0065AC
- 005390
- 004274
- 003259
- 002240
- 001429
- 000713
- 000103
Sắc xám
- 268ADE
- 378AD4
- 4589C9
- 5088BF
- 5987B5
- 6286AB
- 6A85A0
- 728496
- 79828B
Hòa sắc
Bổ túc +180°
- 008AE8
Magical Merlin
- BA7500
≈ Cassandra’s Curse
Tương đồng -30° +30°
- 008AE8
Magical Merlin
- 0096B4
≈ Bondi Blue
- 7376EB
≈ Hera Blue
Bộ ba +120° +240°
- 008AE8
Magical Merlin
- D85070
≈ Rosy Cheeks
- 669800
≈ Gecko’s Dream
Bổ túc chia +150° +210°
- 008AE8
Magical Merlin
- D9592A
≈ Lāl Red
- 9A8700
≈ Medusa Green
Bộ bốn +90° +180° +270°
- 008AE8
Magical Merlin
- C656A8
≈ Mazzy Star
- BA7500
≈ Cassandra’s Curse
- 00A066
≈ Emerald Light Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.62:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.80:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.80:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--magical-merlin: #008ae8;
--magical-merlin-rgb: 0 138 232;
--magical-merlin-oklch: oklch(0.621 0.172 249.1);
}
.element {
color: var(--magical-merlin);
background-color: hsl(204 100% 45%);
border-color: oklch(0.621 0.172 249.1);
}Tailwind CSS v4
@theme {
--color-magical-merlin: #008ae8;
--color-magical-merlin-50: #d1faff;
--color-magical-merlin-100: #beedff;
--color-magical-merlin-200: #9cdaff;
--color-magical-merlin-300: #71bcff;
--color-magical-merlin-400: #3ca3fe;
--color-magical-merlin-500: #0089f1;
--color-magical-merlin-600: #0074cb;
--color-magical-merlin-700: #005da3;
--color-magical-merlin-800: #00457a;
--color-magical-merlin-900: #003056;
--color-magical-merlin-950: #001b3a;
}SCSS
$magical-merlin: #008ae8;
$magical-merlin-rgb: 0, 138, 232;
$magical-merlin-light: mix(#fff, $magical-merlin, 20%);
$magical-merlin-dark: mix(#000, $magical-merlin, 20%);
.element {
color: $magical-merlin;
box-shadow: 0 0 0 2px rgba($magical-merlin, 0.35);
}