Dichtstbijzijnde benoemde kleur · #2F129E
#2F129E
Dichtstbijzijnde benoemde kleur: Cobalt
#2F129E (rgb(47 18 158), hsl(252 80% 35%), oklch(0.351 0.199 278)) komt het dichtst bij de benoemde kleur Cobalt. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2F129E
oklch(0.351 0.199 278)
Kleurconversies
- HEX
- #2f129e
- RGB
- rgb(47 18 158)
- HSL
- hsl(252 80% 35%)
- HWB
- hwb(252 7% 38%)
- OKLCH
- oklch(0.351 0.199 278)
- OKLab
- oklab(0.351 0.028 -0.197)
- CIE Lab
- lab(20.59 44.34 -70.37)
- LCH
- lch(20.59 83.17 302.2)
- CMYK
- cmyk(70% 89% 0% 38%)
Tinten · Schaduwen · Tonen
Tinten
- 3C35AA
- 4C4EB5
- 5F65C0
- 737BCA
- 8891D4
- 9FA6DD
- B6BCE6
- CED2EF
- E6E9F7
Schaduwen
- 270E89
- 200A74
- 190760
- 12044D
- 0C023A
- 060129
- 030118
- 010009
- 000001
Tonen
- 33279C
- 39359B
- 404198
- 474C96
- 505593
- 595E90
- 62678D
- 6C7089
- 767885
Kleurharmonieën
Complementair +180°
- 2F129E
Cobalt
- 453B00
≈ Xanthophobia
Analoog -30° +30°
- 2F129E
Cobalt
- 003D69
≈ Ateneo Blue
- 550080
≈ Pigment Indigo
Triadisch +120° +240°
- 2F129E
Cobalt
- 691C00
≈ Raw Chocolate
- 00472A
≈ Alaskan Moss
Gesplitst complementair +150° +210°
- 2F129E
Cobalt
- 543200
≈ Eyelash Camel
- 2C4300
≈ Garden Shadow
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 12.34:1 · APCA Lc 97
Ag
FailOp zwart
WCAG 1.70:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 12.34:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--cobalt: #2f129e;
--cobalt-rgb: 47 18 158;
--cobalt-oklch: oklch(0.351 0.199 278);
}
.element {
color: var(--cobalt);
background-color: hsl(252 80% 35%);
border-color: oklch(0.351 0.199 278);
}Tailwind CSS v4
@theme {
--color-cobalt: #2f129e;
--color-cobalt-50: #e9f0ff;
--color-cobalt-100: #dae1ff;
--color-cobalt-200: #c3cbff;
--color-cobalt-300: #a5aaff;
--color-cobalt-400: #868dff;
--color-cobalt-500: #6e6dff;
--color-cobalt-600: #5d5ddc;
--color-cobalt-700: #4a4ab1;
--color-cobalt-800: #323785;
--color-cobalt-900: #22265e;
--color-cobalt-950: #121341;
}SCSS
$cobalt: #2f129e;
$cobalt-rgb: 47, 18, 158;
$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);
}