Nazwany kolor · #D5E0D0
Green Tilberi
Green Tilberi to #D5E0D0: rgb(213 224 208), hsl(101 21% 85%), oklch(0.894 0.025 135.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Green Tilberi color name →
#D5E0D0
oklch(0.894 0.025 135.7)
Konwersje koloru
- HEX
- #d5e0d0
- RGB
- rgb(213 224 208)
- HSL
- hsl(101 21% 85%)
- HWB
- hwb(101 82% 12%)
- OKLCH
- oklch(0.894 0.025 135.7)
- OKLab
- oklab(0.894 -0.018 0.017)
- CIE Lab
- lab(88 -5.98 6.52)
- LCH
- lch(88 8.85 132.5)
- CMYK
- cmyk(5% 0% 7% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9E3D5
- DDE6D9
- E1E9DE
- E6ECE3
- EAEFE7
- EEF3EC
- F2F6F1
- F7F9F5
- FBFCFA
Odcienie ciemniejsze
- B9C3B5
- 9EA69A
- 838A80
- 6A7067
- 51564F
- 3A3E39
- 242723
- 101210
- 020202
Tony
- CCD6C8
- C3CCBF
- BBC2B7
- B2B8AF
- AAAFA7
- A1A59F
- 999C97
- 90928F
- 888988
Harmonie kolorów
Komplementarna +180°
- D5E0D0
Green Tilberi
- E2D7E7
≈ Lavender Vista
Analogowa -30° +30°
- D5E0D0
Green Tilberi
- DEDDCB
≈ Green White
- CEE2D8
≈ Light Silverton
Triada +120° +240°
- D5E0D0
Green Tilberi
- D2DDED
≈ Morning Shower
- ECD6D6
≈ Radiant Rose
Komplementarna rozszczepiona +150° +210°
- D5E0D0
Green Tilberi
- DADAEC
≈ Eyeshadow
- E9D6DF
≈ Swiss Rose
Tetrada +90° +180° +270°
- D5E0D0
Green Tilberi
- CCE0E9
≈ Duck’s Egg Blue
- E2D7E7
≈ Lavender Vista
- EBD7CF
≈ Coral Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.40:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.40:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-tilberi: #d5e0d0;
--green-tilberi-rgb: 213 224 208;
--green-tilberi-oklch: oklch(0.894 0.025 135.7);
}
.element {
color: var(--green-tilberi);
background-color: hsl(101 21% 85%);
border-color: oklch(0.894 0.025 135.7);
}Tailwind CSS v4
@theme {
--color-green-tilberi: #d5e0d0;
--color-green-tilberi-50: #f2f7f0;
--color-green-tilberi-100: #e4eae2;
--color-green-tilberi-200: #cfd7cd;
--color-green-tilberi-300: #b1bbae;
--color-green-tilberi-400: #98a294;
--color-green-tilberi-500: #7f8a7a;
--color-green-tilberi-600: #6c7567;
--color-green-tilberi-700: #565d53;
--color-green-tilberi-800: #3f443c;
--color-green-tilberi-900: #2b2f29;
--color-green-tilberi-950: #191c17;
}SCSS
$green-tilberi: #d5e0d0;
$green-tilberi-rgb: 213, 224, 208;
$green-tilberi-light: mix(#fff, $green-tilberi, 20%);
$green-tilberi-dark: mix(#000, $green-tilberi, 20%);
.element {
color: $green-tilberi;
box-shadow: 0 0 0 2px rgba($green-tilberi, 0.35);
}