Dichtstbijzijnde benoemde kleur · #175B52
#175B52
Dichtstbijzijnde benoemde kleur: Cape Verde
#175B52 (rgb(23 91 82), hsl(172 60% 22%), oklch(0.427 0.068 182.3)) komt het dichtst bij de benoemde kleur Cape Verde. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#175B52
oklch(0.427 0.068 182.3)
Kleurconversies
- HEX
- #175b52
- RGB
- rgb(23 91 82)
- HSL
- hsl(172 60% 22%)
- HWB
- hwb(172 9% 64%)
- OKLCH
- oklch(0.427 0.068 182.3)
- OKLab
- oklab(0.427 -0.068 -0.003)
- CIE Lab
- lab(34.4 -23.5 -1.2)
- LCH
- lch(34.4 23.53 182.9)
- CMYK
- cmyk(75% 0% 10% 64%)
Tinten · Schaduwen · Tonen
Tinten
- 336A62
- 4A7A72
- 608A82
- 769A93
- 8CAAA4
- A3BAB6
- B9CBC8
- D0DCDA
- E7EEEC
Schaduwen
- 124E46
- 0E413B
- 0A352F
- 062925
- 041E1A
- 021311
- 010908
- 000302
- 000000
Tonen
- 265F56
- 33635B
- 3E665F
- 486A64
- 526E69
- 5B716D
- 657572
- 6E7977
- 777C7B
Kleurharmonieën
Complementair +180°
- 175B52
Cape Verde
- 6E3F4C
≈ Chilled Wine
Analoog -30° +30°
- 175B52
Cape Verde
- 305A3D
≈ Ficus
- 145965
≈ Baltic Trench
Triadisch +120° +240°
- 175B52
Cape Verde
- 56466E
≈ Purple Feather
- 694625
≈ Kobicha
Gesplitst complementair +150° +210°
- 175B52
Cape Verde
- 65415F
≈ Royal Plum
- 6F4137
≈ Rich Chocolate
Tetradisch +90° +180° +270°
- 175B52
Cape Verde
- 424C74
≈ Takaka
- 6E3F4C
≈ Chilled Wine
- 5C4E1F
≈ Bronze Olive
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.91:1 · APCA Lc 87
Ag
FailOp zwart
WCAG 2.65:1 · APCA Lc 15
Beste tekstkleur: #FFFFFF
WCAG 7.91:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--cape-verde: #175b52;
--cape-verde-rgb: 23 91 82;
--cape-verde-oklch: oklch(0.427 0.068 182.3);
}
.element {
color: var(--cape-verde);
background-color: hsl(172 60% 22%);
border-color: oklch(0.427 0.068 182.3);
}Tailwind CSS v4
@theme {
--color-cape-verde: #175b52;
--color-cape-verde-50: #e1fcf7;
--color-cape-verde-100: #d0f0ea;
--color-cape-verde-200: #b5ded7;
--color-cape-verde-300: #91c3bb;
--color-cape-verde-400: #70aca2;
--color-cape-verde-500: #4e958a;
--color-cape-verde-600: #437e75;
--color-cape-verde-700: #35655d;
--color-cape-verde-800: #264a43;
--color-cape-verde-900: #19332e;
--color-cape-verde-950: #091f1b;
}SCSS
$cape-verde: #175b52;
$cape-verde-rgb: 23, 91, 82;
$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);
}