Nächste benannte Farbe · #004F4C
#004F4C
Nächste benannte Farbe: Cape Verde
#004F4C (rgb(0 79 76), hsl(178 100% 15%), oklch(0.386 0.067 190.4)) liegt am nächsten an der benannten Farbe Cape Verde. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#004F4C
oklch(0.386 0.067 190.4)
Farbumrechnungen
- HEX
- #004f4c
- RGB
- rgb(0 79 76)
- HSL
- hsl(178 100% 15%)
- HWB
- hwb(178 0% 69%)
- OKLCH
- oklch(0.386 0.067 190.4)
- OKLab
- oklab(0.386 -0.065 -0.012)
- CIE Lab
- lab(29.52 -22.48 -4.62)
- LCH
- lch(29.52 22.95 191.6)
- CMYK
- cmyk(100% 0% 4% 69%)
Tints · Shades · Tones
Tints
- 265F5C
- 3F706D
- 57817E
- 6E928F
- 85A3A1
- 9DB5B3
- B5C7C6
- CDD9D8
- E6ECEC
Shades
- 004441
- 003836
- 002E2C
- 002322
- 001918
- 00100F
- 000706
- 000202
- 000000
Tones
- 195451
- 285956
- 355E5B
- 406360
- 4B6865
- 566C6B
- 617170
- 6B7675
- 767B7B
Farbharmonien
Komplementär +180°
- 004F4C
Cape Verde
- 62343B
≈ Kremlin Red
Analog -30° +30°
- 004F4C
Cape Verde
- 1E4F38
≈ Order Green
- 0A4C5D
≈ Teal Dark Blue
Triadisch +120° +240°
- 004F4C
Cape Verde
- 4F395E
≈ Mulberry Purple
- 5A3D17
≈ Hippogriff Brown
Geteilt komplementär +150° +210°
- 004F4C
Cape Verde
- 5C354F
≈ Ruby Violet
- 623728
≈ Hairy Heath
Tetradisch +90° +180° +270°
- 004F4C
Cape Verde
- 3D3F67
≈ Raven Night
- 62343B
≈ Kremlin Red
- 4C4515
≈ Uniform Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.44:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.22:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--cape-verde: #004f4c;
--cape-verde-rgb: 0 79 76;
--cape-verde-oklch: oklch(0.386 0.067 190.4);
}
.element {
color: var(--cape-verde);
background-color: hsl(178 100% 15%);
border-color: oklch(0.386 0.067 190.4);
}Tailwind CSS v4
@theme {
--color-cape-verde: #004f4c;
--color-cape-verde-50: #e1fcfa;
--color-cape-verde-100: #d0efee;
--color-cape-verde-200: #b4dedc;
--color-cape-verde-300: #90c3c0;
--color-cape-verde-400: #6faba7;
--color-cape-verde-500: #4c9490;
--color-cape-verde-600: #417e7a;
--color-cape-verde-700: #346562;
--color-cape-verde-800: #254a47;
--color-cape-verde-900: #183331;
--color-cape-verde-950: #091f1d;
}SCSS
$cape-verde: #004f4c;
$cape-verde-rgb: 0, 79, 76;
$cape-verde-light: mix(#fff, $cape-verde, 20%);
$cape-verde-dark: mix(#000, $cape-verde, 20%);
.element {
color: $cape-verde;
box-shadow: 0 0 0 2px rgba($cape-verde, 0.35);
}