Adlandırılmış renk · #CAD6C4
Green Lane
Green Lane, #CAD6C4: rgb(202 214 196), hsl(100 18% 80%), oklch(0.862 0.028 135). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Green Lane color name →
#CAD6C4
oklch(0.862 0.028 135)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFDACA
- D4DED0
- DAE2D5
- DFE6DB
- E4EAE1
- EAEEE7
- EFF3ED
- F4F7F3
- FAFBF9
Koyu tonlar
- AFBAAA
- 959E91
- 7C8478
- 646A61
- 4D524A
- 373B35
- 222521
- 0F100E
- 020202
Gri tonlar
- C2CDBD
- BBC4B6
- B3BBAF
- ACB3A8
- A4AAA1
- 9DA19B
- 969994
- 8E918D
- 878887
Renk uyumları
Tamamlayıcı +180°
- CAD6C4
Green Lane
- D9CDDE
≈ Violet Mist
Analog -30° +30°
- CAD6C4
Green Lane
- D4D3BE
≈ Barest Celadon
- C2D8CD
≈ Fuchsite
Üçlü +120° +240°
- CAD6C4
Green Lane
- C6D3E4
≈ Surf’s Surprise
- E3CBCC
≈ Youth
Bölünmüş tamamlayıcı +150° +210°
- CAD6C4
Green Lane
- CFD0E4
≈ Wildflower Prairie
- E0CBD6
≈ Lilac Lane
Dörtlü +90° +180° +270°
- CAD6C4
Green Lane
- BFD6DF
≈ Blue Perennial
- D9CDDE
≈ Violet Mist
- E2CCC3
≈ Pout
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.92:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}