Màu có tên · #030AA7
Cobalt
Cobalt là #030AA7: rgb(3 10 167), hsl(237 96% 33%), oklch(0.336 0.223 264.6). 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.
What does Blue mean? → · Cobalt color name →
#030AA7
oklch(0.336 0.223 264.6)
Chuyển đổi màu
- HEX
- #030aa7
- RGB
- rgb(3 10 167)
- HSL
- hsl(237 96% 33%)
- HWB
- hwb(237 1% 35%)
- OKLCH
- oklch(0.336 0.223 264.6)
- OKLab
- oklab(0.336 -0.021 -0.222)
- CIE Lab
- lab(18.28 46.86 -79.78)
- LCH
- lch(18.28 92.52 300.4)
- CMYK
- cmyk(98% 94% 0% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 0E34B2
- 264FBD
- 3F67C7
- 587DD0
- 7293DA
- 8DA9E2
- A9BEEA
- C5D4F2
- E2E9F9
Sắc đậm
- 020791
- 02057B
- 010366
- 010252
- 00013E
- 00012C
- 00001A
- 00000A
- 000001
Sắc xám
- 0626A5
- 1236A2
- 1F429F
- 2D4D9C
- 3A5798
- 486095
- 566990
- 64718B
- 727986
Hòa sắc
Bổ túc +180°
- 030AA7
Cobalt
- 473300
≈ Night in the Woods
Tương đồng -30° +30°
- 030AA7
Cobalt
- 003C56
≈ Duskwood
- 430089
≈ Grim Purple
Bộ ba +120° +240°
- 030AA7
Cobalt
- 6D000D
≈ Barolo
- 00440B
≈ Wailing Woods
Bổ túc chia +150° +210°
- 030AA7
Cobalt
- 572900
≈ Fudge Brownie
- 363B00
≈ Dark Olive
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.08:1 · APCA Lc 97
Ag
FailTrên nền đen
WCAG 1.60:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.08:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--cobalt: #030aa7;
--cobalt-rgb: 3 10 167;
--cobalt-oklch: oklch(0.336 0.223 264.6);
}
.element {
color: var(--cobalt);
background-color: hsl(237 96% 33%);
border-color: oklch(0.336 0.223 264.6);
}Tailwind CSS v4
@theme {
--color-cobalt: #030aa7;
--color-cobalt-50: #d8f4ff;
--color-cobalt-100: #c6e6ff;
--color-cobalt-200: #a9d1ff;
--color-cobalt-300: #83b1ff;
--color-cobalt-400: #5b94ff;
--color-cobalt-500: #3874ff;
--color-cobalt-600: #3163eb;
--color-cobalt-700: #264fbd;
--color-cobalt-800: #133b8e;
--color-cobalt-900: #0c2865;
--color-cobalt-950: #021546;
}SCSS
$cobalt: #030aa7;
$cobalt-rgb: 3, 10, 167;
$cobalt-light: mix(#fff, $cobalt, 20%);
$cobalt-dark: mix(#000, $cobalt, 20%);
.element {
color: $cobalt;
box-shadow: 0 0 0 2px rgba($cobalt, 0.35);
}