Nazwany kolor · #D1DBC7
Duchamp Light Green
Duchamp Light Green to #D1DBC7: rgb(209 219 199), hsl(90 22% 82%), oklch(0.878 0.029 128.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Duchamp Light Green color name →
#D1DBC7
oklch(0.878 0.029 128.8)
Konwersje koloru
- HEX
- #d1dbc7
- RGB
- rgb(209 219 199)
- HSL
- hsl(90 22% 82%)
- HWB
- hwb(90 78% 14%)
- OKLCH
- oklch(0.878 0.029 128.8)
- OKLab
- oklab(0.878 -0.018 0.023)
- CIE Lab
- lab(86.22 -6.16 8.65)
- LCH
- lch(86.22 10.62 125.5)
- CMYK
- cmyk(5% 0% 9% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6DFCD
- DAE2D2
- DFE6D8
- E3E9DD
- E8EDE3
- ECF1E8
- F1F4EE
- F6F8F4
- FAFBF9
Odcienie ciemniejsze
- B5BEAD
- 9BA293
- 81877A
- 686D62
- 50544C
- 393C36
- 232621
- 10110E
- 020202
Tony
- C9D2C0
- C0C8B8
- B8BFB1
- B0B6AA
- A8ACA3
- A0A39C
- 989A95
- 90918E
- 888987
Harmonie kolorów
Komplementarna +180°
- D1DBC7
Duchamp Light Green
- DCD2E6
≈ Alpine Moon
Analogowa -30° +30°
- D1DBC7
Duchamp Light Green
- DBD8C2
≈ Loafer
- C8DDD0
≈ Topaz Green
Triada +120° +240°
- D1DBC7
Duchamp Light Green
- C9D9EA
≈ Light Placid Blue
- E9D0D3
≈ Salmon Cream
Komplementarna rozszczepiona +150° +210°
- D1DBC7
Duchamp Light Green
- D2D5EA
≈ Light Powdered Granite
- E5D0DD
≈ Summer Clover
Tetrada +90° +180° +270°
- D1DBC7
Duchamp Light Green
- C3DCE4
≈ Washing Powder White
- DCD2E6
≈ Alpine Moon
- E9D1C9
≈ Birthday Cake
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.66:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--duchamp-light-green: #d1dbc7;
--duchamp-light-green-rgb: 209 219 199;
--duchamp-light-green-oklch: oklch(0.878 0.029 128.8);
}
.element {
color: var(--duchamp-light-green);
background-color: hsl(90 22% 82%);
border-color: oklch(0.878 0.029 128.8);
}Tailwind CSS v4
@theme {
--color-duchamp-light-green: #d1dbc7;
--color-duchamp-light-green-50: #f2f7ee;
--color-duchamp-light-green-100: #e4eae0;
--color-duchamp-light-green-200: #d0d7ca;
--color-duchamp-light-green-300: #b2bbab;
--color-duchamp-light-green-400: #99a290;
--color-duchamp-light-green-500: #808a76;
--color-duchamp-light-green-600: #6d7564;
--color-duchamp-light-green-700: #575e50;
--color-duchamp-light-green-800: #40443a;
--color-duchamp-light-green-900: #2c2f27;
--color-duchamp-light-green-950: #191c16;
}SCSS
$duchamp-light-green: #d1dbc7;
$duchamp-light-green-rgb: 209, 219, 199;
$duchamp-light-green-light: mix(#fff, $duchamp-light-green, 20%);
$duchamp-light-green-dark: mix(#000, $duchamp-light-green, 20%);
.element {
color: $duchamp-light-green;
box-shadow: 0 0 0 2px rgba($duchamp-light-green, 0.35);
}