Colore con nome più vicino · #00524E
#00524E
Colore con nome più vicino: Cape Verde
#00524E (rgb(0 82 78), hsl(177 100% 16%), oklch(0.396 0.069 189.1)) è più vicino al colore con nome Cape Verde. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00524E
oklch(0.396 0.069 189.1)
Conversioni di colore
- HEX
- #00524e
- RGB
- rgb(0 82 78)
- HSL
- hsl(177 100% 16%)
- HWB
- hwb(177 0% 68%)
- OKLCH
- oklch(0.396 0.069 189.1)
- OKLab
- oklab(0.396 -0.068 -0.011)
- CIE Lab
- lab(30.67 -23.29 -4.21)
- LCH
- lch(30.67 23.67 190.2)
- CMYK
- cmyk(100% 0% 5% 68%)
Tinte · Ombre · Toni
Tinte
- 26625E
- 40726E
- 58837F
- 6F9490
- 86A5A2
- 9EB6B4
- B5C8C6
- CEDAD9
- E6ECEC
Ombre
- 004643
- 003B38
- 002F2D
- 002523
- 001A19
- 00110F
- 000807
- 000202
- 000000
Toni
- 195753
- 295B58
- 35605D
- 416562
- 4C6966
- 576E6C
- 617271
- 6C7776
- 767B7B
Armonie di colore
Complementare +180°
- 00524E
Cape Verde
- 66363F
≈ Velvet Cape
Analogo -30° +30°
- 00524E
Cape Verde
- 205239
≈ Kaitoke Green
- 084F5F
≈ Sandalwood Grey Blue
Triadico +120° +240°
- 00524E
Cape Verde
- 513C62
≈ Mulberry Purple
- 5E3F19
≈ Hippogriff Brown
Complementare divisa +150° +210°
- 00524E
Cape Verde
- 5F3753
≈ Bruised Bear
- 66392A
≈ In Caffeine We Trust
Tetradico +90° +180° +270°
- 00524E
Cape Verde
- 3F426B
≈ Gloomy Blue
- 66363F
≈ Velvet Cape
- 504715
≈ Sugarloaf Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.06:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--cape-verde: #00524e;
--cape-verde-rgb: 0 82 78;
--cape-verde-oklch: oklch(0.396 0.069 189.1);
}
.element {
color: var(--cape-verde);
background-color: hsl(177 100% 16%);
border-color: oklch(0.396 0.069 189.1);
}Tailwind CSS v4
@theme {
--color-cape-verde: #00524e;
--color-cape-verde-50: #e0fcfa;
--color-cape-verde-100: #cff0ed;
--color-cape-verde-200: #b4dedb;
--color-cape-verde-300: #8fc3c0;
--color-cape-verde-400: #6daca7;
--color-cape-verde-500: #4a958f;
--color-cape-verde-600: #407e79;
--color-cape-verde-700: #336561;
--color-cape-verde-800: #244a46;
--color-cape-verde-900: #183331;
--color-cape-verde-950: #081f1d;
}SCSS
$cape-verde: #00524e;
$cape-verde-rgb: 0, 82, 78;
$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);
}