Benannte Farbe · #CFDDB9
Green Parlour
Green Parlour ist #CFDDB9: rgb(207 221 185), hsl(83 35% 80%), oklch(0.877 0.051 124.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Parlour color name →
#CFDDB9
oklch(0.877 0.051 124.7)
Farbumrechnungen
- HEX
- #cfddb9
- RGB
- rgb(207 221 185)
- HSL
- hsl(83 35% 80%)
- HWB
- hwb(83 73% 13%)
- OKLCH
- oklch(0.877 0.051 124.7)
- OKLab
- oklab(0.877 -0.029 0.042)
- CIE Lab
- lab(86.33 -9.55 16.08)
- LCH
- lch(86.33 18.7 120.7)
- CMYK
- cmyk(6% 0% 16% 13%)
Tints · Shades · Tones
Tints
- D4E0C0
- D8E4C7
- DDE7CE
- E2EBD5
- E7EEDC
- ECF1E3
- F0F5EA
- F5F8F1
- FAFCF8
Shades
- B4C0A0
- 99A489
- 7F8871
- 676E5B
- 4F5546
- 383D31
- 23261E
- 10110D
- 020202
Tones
- C7D3B3
- BFCAAD
- B7C0A8
- AFB7A2
- A7AD9C
- 9FA497
- 979B91
- 8F928B
- 888986
Farbharmonien
Komplementär +180°
- CFDDB9
Green Parlour
- DECFF2
≈ Plum’s the Word
Analog -30° +30°
- CFDDB9
Green Parlour
- E1D7B2
≈ Rancho Verde
- BEE1C8
≈ Luna Green
Triadisch +120° +240°
- CFDDB9
Green Parlour
- BCDBF6
≈ Oh Boy!
- F5C9D2
≈ Mountain Laurel
Geteilt komplementär +150° +210°
- CFDDB9
Green Parlour
- CCD5F9
≈ Pale Phthalo Blue
- EDCBE4
≈ Sweet Dreams
Tetradisch +90° +180° +270°
- CFDDB9
Green Parlour
- B2E0EB
≈ Break the Ice
- DECFF2
≈ Plum’s the Word
- F6CCC1
≈ Sidewalk Chalk Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.69:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--green-parlour: #cfddb9;
--green-parlour-rgb: 207 221 185;
--green-parlour-oklch: oklch(0.877 0.051 124.7);
}
.element {
color: var(--green-parlour);
background-color: hsl(83 35% 80%);
border-color: oklch(0.877 0.051 124.7);
}Tailwind CSS v4
@theme {
--color-green-parlour: #cfddb9;
--color-green-parlour-50: #f1f8e9;
--color-green-parlour-100: #e3ebd9;
--color-green-parlour-200: #ced9c2;
--color-green-parlour-300: #b0bda1;
--color-green-parlour-400: #98a484;
--color-green-parlour-500: #7f8c68;
--color-green-parlour-600: #6b7758;
--color-green-parlour-700: #565f46;
--color-green-parlour-800: #3f4532;
--color-green-parlour-900: #2b3022;
--color-green-parlour-950: #191c11;
}SCSS
$green-parlour: #cfddb9;
$green-parlour-rgb: 207, 221, 185;
$green-parlour-light: mix(#fff, $green-parlour, 20%);
$green-parlour-dark: mix(#000, $green-parlour, 20%);
.element {
color: $green-parlour;
box-shadow: 0 0 0 2px rgba($green-parlour, 0.35);
}