Benannte Farbe · #CBCEC0
Harp
Harp ist #CBCEC0: rgb(203 206 192), hsl(73 13% 78%), oklch(0.845 0.019 116.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Harp color name →
#CBCEC0
oklch(0.845 0.019 116.6)
Farbumrechnungen
- HEX
- #cbcec0
- RGB
- rgb(203 206 192)
- HSL
- hsl(73 13% 78%)
- HWB
- hwb(73 75% 19%)
- OKLCH
- oklch(0.845 0.019 116.6)
- OKLab
- oklab(0.845 -0.009 0.017)
- CIE Lab
- lab(82.23 -2.93 6.61)
- LCH
- lch(82.23 7.23 113.9)
- CMYK
- cmyk(1% 0% 7% 19%)
Tints · Shades · Tones
Tints
- D0D3C6
- D5D8CC
- DADDD3
- E0E1D9
- E5E6DF
- EAEBE5
- EFF0EC
- F4F5F2
- FAFAF9
Shades
- B0B3A7
- 96988E
- 7D7F76
- 65665F
- 4D4E49
- 373834
- 222320
- 0F0F0E
- 020202
Tones
- C3C6B9
- BCBEB3
- B4B6AC
- ACAEA6
- A5A69F
- 9D9E99
- 969793
- 8E8F8C
- 878786
Farbharmonien
Komplementär +180°
- CBCEC0
Harp
- CDCAD8
≈ Magic Scent
Analog -30° +30°
- CBCEC0
Harp
- D2CCBE
≈ Sedate Grey
- C4D0C5
≈ Fountain Foam
Triadisch +120° +240°
- CBCEC0
Harp
- C1CED7
≈ Keepsake
- D7C7CC
≈ Odyssey Lilac
Geteilt komplementär +150° +210°
- CBCEC0
Harp
- C6CCD9
≈ Winter’s Fury
- D3C8D3
≈ Orchid Tint
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.12:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--harp: #cbcec0;
--harp-rgb: 203 206 192;
--harp-oklch: oklch(0.845 0.019 116.6);
}
.element {
color: var(--harp);
background-color: hsl(73 13% 78%);
border-color: oklch(0.845 0.019 116.6);
}Tailwind CSS v4
@theme {
--color-harp: #cbcec0;
--color-harp-50: #f4f6f0;
--color-harp-100: #e7e9e2;
--color-harp-200: #d3d5cc;
--color-harp-300: #b6b9ae;
--color-harp-400: #9da093;
--color-harp-500: #85887a;
--color-harp-600: #717367;
--color-harp-700: #5a5c52;
--color-harp-800: #42433c;
--color-harp-900: #2e2e29;
--color-harp-950: #1a1b17;
}SCSS
$harp: #cbcec0;
$harp-rgb: 203, 206, 192;
$harp-light: mix(#fff, $harp, 20%);
$harp-dark: mix(#000, $harp, 20%);
.element {
color: $harp;
box-shadow: 0 0 0 2px rgba($harp, 0.35);
}