Warna bernama terdekat · #00524E
#00524E
Warna bernama terdekat: Cape Verde
#00524E (rgb(0 82 78), hsl(177 100% 16%), oklch(0.396 0.069 189.1)) paling mendekati warna bernama Cape Verde. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#00524E
oklch(0.396 0.069 189.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 26625E
- 40726E
- 58837F
- 6F9490
- 86A5A2
- 9EB6B4
- B5C8C6
- CEDAD9
- E6ECEC
Shade
- 004643
- 003B38
- 002F2D
- 002523
- 001A19
- 00110F
- 000807
- 000202
- 000000
Tone
- 195753
- 295B58
- 35605D
- 416562
- 4C6966
- 576E6C
- 617271
- 6C7776
- 767B7B
Harmoni warna
Komplementer +180°
- 00524E
Cape Verde
- 66363F
≈ Velvet Cape
Analog -30° +30°
- 00524E
Cape Verde
- 205239
≈ Kaitoke Green
- 084F5F
≈ Sandalwood Grey Blue
Triadik +120° +240°
- 00524E
Cape Verde
- 513C62
≈ Mulberry Purple
- 5E3F19
≈ Hippogriff Brown
Split-komplementer +150° +210°
- 00524E
Cape Verde
- 5F3753
≈ Bruised Bear
- 66392A
≈ In Caffeine We Trust
Tetradik +90° +180° +270°
- 00524E
Cape Verde
- 3F426B
≈ Gloomy Blue
- 66363F
≈ Velvet Cape
- 504715
≈ Sugarloaf Brown
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.06:1 · APCA Lc 90
Ag
FailDi atas hitam
WCAG 2.31:1 · APCA Lc 12
Warna teks terbaik: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
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);
}