Nächste benannte Farbe · #2F129E
#2F129E
Nächste benannte Farbe: Cobalt
#2F129E (rgb(47 18 158), hsl(252 80% 35%), oklch(0.351 0.199 278)) liegt am nächsten an der benannten Farbe Cobalt. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2F129E
oklch(0.351 0.199 278)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3C35AA
- 4C4EB5
- 5F65C0
- 737BCA
- 8891D4
- 9FA6DD
- B6BCE6
- CED2EF
- E6E9F7
Shades
- 270E89
- 200A74
- 190760
- 12044D
- 0C023A
- 060129
- 030118
- 010009
- 000001
Tones
- 33279C
- 39359B
- 404198
- 474C96
- 505593
- 595E90
- 62678D
- 6C7089
- 767885
Farbharmonien
Komplementär +180°
- 2F129E
Cobalt
- 453B00
≈ Xanthophobia
Analog -30° +30°
- 2F129E
Cobalt
- 003D69
≈ Ateneo Blue
- 550080
≈ Pigment Indigo
Triadisch +120° +240°
- 2F129E
Cobalt
- 691C00
≈ Raw Chocolate
- 00472A
≈ Alaskan Moss
Geteilt komplementär +150° +210°
- 2F129E
Cobalt
- 543200
≈ Eyelash Camel
- 2C4300
≈ Garden Shadow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.34:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.70:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.34:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
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);
}