Nächste benannte Farbe · #00504D
#00504D
Nächste benannte Farbe: Cape Verde
#00504D (rgb(0 80 77), hsl(178 100% 16%), oklch(0.389 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.
#00504D
oklch(0.389 0.067 190.4)
Farbumrechnungen
- HEX
- #00504d
- RGB
- rgb(0 80 77)
- HSL
- hsl(178 100% 16%)
- HWB
- hwb(178 0% 69%)
- OKLCH
- oklch(0.389 0.067 190.4)
- OKLab
- oklab(0.389 -0.066 -0.012)
- CIE Lab
- lab(29.91 -22.66 -4.68)
- LCH
- lch(29.91 23.14 191.7)
- CMYK
- cmyk(100% 0% 4% 69%)
Tints · Shades · Tones
Tints
- 26605D
- 3F716D
- 57817E
- 6E9290
- 86A4A1
- 9DB6B3
- B5C7C6
- CDDAD9
- E6ECEC
Shades
- 004442
- 003937
- 002E2C
- 002422
- 001A18
- 00100F
- 000707
- 000202
- 000000
Tones
- 195552
- 285A57
- 355E5C
- 416361
- 4C6866
- 566D6B
- 617270
- 6B7675
- 767B7B
Farbharmonien
Komplementär +180°
- 00504D
Cape Verde
- 63353C
≈ Kremlin Red
Analog -30° +30°
- 00504D
Cape Verde
- 1E5039
≈ Kaitoke Green
- 0A4D5E
≈ Teal Dark Blue
Triadisch +120° +240°
- 00504D
Cape Verde
- 503A60
≈ Mulberry Purple
- 5B3E18
≈ Smoked Oak Brown
Geteilt komplementär +150° +210°
- 00504D
Cape Verde
- 5D3650
≈ Ruby Violet
- 633828
≈ Hairy Heath
Tetradisch +90° +180° +270°
- 00504D
Cape Verde
- 3E4068
≈ Gloomy Blue
- 63353C
≈ Kremlin Red
- 4D4615
≈ Uniform Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.31:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--cape-verde: #00504d;
--cape-verde-rgb: 0 80 77;
--cape-verde-oklch: oklch(0.389 0.067 190.4);
}
.element {
color: var(--cape-verde);
background-color: hsl(178 100% 16%);
border-color: oklch(0.389 0.067 190.4);
}Tailwind CSS v4
@theme {
--color-cape-verde: #00504d;
--color-cape-verde-50: #e0fcfa;
--color-cape-verde-100: #cfefee;
--color-cape-verde-200: #b4dedc;
--color-cape-verde-300: #8fc3c0;
--color-cape-verde-400: #6eaca7;
--color-cape-verde-500: #4b9590;
--color-cape-verde-600: #417e7a;
--color-cape-verde-700: #336562;
--color-cape-verde-800: #244a47;
--color-cape-verde-900: #183331;
--color-cape-verde-950: #081f1d;
}SCSS
$cape-verde: #00504d;
$cape-verde-rgb: 0, 80, 77;
$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);
}