Benannte Farbe · #CAD6C4
Green Lane
Green Lane ist #CAD6C4: rgb(202 214 196), hsl(100 18% 80%), oklch(0.862 0.028 135). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Lane color name →
#CAD6C4
oklch(0.862 0.028 135)
Farbumrechnungen
- HEX
- #cad6c4
- RGB
- rgb(202 214 196)
- HSL
- hsl(100 18% 80%)
- HWB
- hwb(100 77% 16%)
- OKLCH
- oklch(0.862 0.028 135)
- OKLab
- oklab(0.862 -0.02 0.02)
- CIE Lab
- lab(84.33 -6.64 7.46)
- LCH
- lch(84.33 9.99 131.7)
- CMYK
- cmyk(6% 0% 8% 16%)
Tints · Shades · Tones
Tints
- CFDACA
- D4DED0
- DAE2D5
- DFE6DB
- E4EAE1
- EAEEE7
- EFF3ED
- F4F7F3
- FAFBF9
Shades
- AFBAAA
- 959E91
- 7C8478
- 646A61
- 4D524A
- 373B35
- 222521
- 0F100E
- 020202
Tones
- C2CDBD
- BBC4B6
- B3BBAF
- ACB3A8
- A4AAA1
- 9DA19B
- 969994
- 8E918D
- 878887
Farbharmonien
Komplementär +180°
- CAD6C4
Green Lane
- D9CDDE
≈ Violet Mist
Analog -30° +30°
- CAD6C4
Green Lane
- D4D3BE
≈ Barest Celadon
- C2D8CD
≈ Fuchsite
Triadisch +120° +240°
- CAD6C4
Green Lane
- C6D3E4
≈ Surf’s Surprise
- E3CBCC
≈ Youth
Geteilt komplementär +150° +210°
- CAD6C4
Green Lane
- CFD0E4
≈ Wildflower Prairie
- E0CBD6
≈ Lilac Lane
Tetradisch +90° +180° +270°
- CAD6C4
Green Lane
- BFD6DF
≈ Blue Perennial
- D9CDDE
≈ Violet Mist
- E2CCC3
≈ Pout
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.92:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--green-lane: #cad6c4;
--green-lane-rgb: 202 214 196;
--green-lane-oklch: oklch(0.862 0.028 135);
}
.element {
color: var(--green-lane);
background-color: hsl(100 18% 80%);
border-color: oklch(0.862 0.028 135);
}Tailwind CSS v4
@theme {
--color-green-lane: #cad6c4;
--color-green-lane-50: #f1f7ef;
--color-green-lane-100: #e4eae1;
--color-green-lane-200: #cfd7cc;
--color-green-lane-300: #b1bbad;
--color-green-lane-400: #98a292;
--color-green-lane-500: #7e8b78;
--color-green-lane-600: #6b7566;
--color-green-lane-700: #565e51;
--color-green-lane-800: #3f453b;
--color-green-lane-900: #2b2f28;
--color-green-lane-950: #181c16;
}SCSS
$green-lane: #cad6c4;
$green-lane-rgb: 202, 214, 196;
$green-lane-light: mix(#fff, $green-lane, 20%);
$green-lane-dark: mix(#000, $green-lane, 20%);
.element {
color: $green-lane;
box-shadow: 0 0 0 2px rgba($green-lane, 0.35);
}