Nazwany kolor · #D9DED8
Ladoga Bottom
Ladoga Bottom to #D9DED8: rgb(217 222 216), hsl(110 8% 86%), oklch(0.895 0.01 140.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ladoga Bottom color name →
#D9DED8
oklch(0.895 0.01 140.5)
Konwersje koloru
- HEX
- #d9ded8
- RGB
- rgb(217 222 216)
- HSL
- hsl(110 8% 86%)
- HWB
- hwb(110 85% 13%)
- OKLCH
- oklch(0.895 0.01 140.5)
- OKLab
- oklab(0.895 -0.007 0.006)
- CIE Lab
- lab(87.95 -2.56 2.33)
- LCH
- lch(87.95 3.46 137.6)
- CMYK
- cmyk(2% 0% 3% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDE1DC
- E1E5E0
- E4E8E4
- E8EBE7
- ECEEEB
- F0F2EF
- F3F5F3
- F7F8F7
- FBFCFB
Odcienie ciemniejsze
- BCC1BC
- A1A5A0
- 868985
- 6C6F6B
- 535553
- 3B3D3B
- 252625
- 111211
- 020202
Tony
- D0D4CF
- C7CAC6
- BDC1BD
- B4B7B4
- ABAEAB
- A3A4A2
- 9A9B9A
- 919291
- 888988
Harmonie kolorów
Komplementarna +180°
- D9DED8
Ladoga Bottom
- DFDAE0
≈ Breathless
Analogowa -30° +30°
- D9DED8
Ladoga Bottom
- DCDDD6
≈ Frosty White
- D6DFDB
≈ Rapier Silver
Triada +120° +240°
- D9DED8
Ladoga Bottom
- D9DDE3
≈ Ash in the Air
- E3DADA
≈ Ghostwaver
Komplementarna rozszczepiona +150° +210°
- D9DED8
Ladoga Bottom
- DCDBE2
≈ Muffled White
- E2DADD
≈ Wishy-Washy Red
Tetrada +90° +180° +270°
- D9DED8
Ladoga Bottom
- D6DEE2
≈ Mystic Pool
- DFDAE0
≈ Breathless
- E2DBD7
≈ Marble Quarry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.39:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--ladoga-bottom: #d9ded8;
--ladoga-bottom-rgb: 217 222 216;
--ladoga-bottom-oklch: oklch(0.895 0.01 140.5);
}
.element {
color: var(--ladoga-bottom);
background-color: hsl(110 8% 86%);
border-color: oklch(0.895 0.01 140.5);
}Tailwind CSS v4
@theme {
--color-ladoga-bottom: #d9ded8;
--color-ladoga-bottom-50: #f3f6f3;
--color-ladoga-bottom-100: #e6e9e6;
--color-ladoga-bottom-200: #d2d5d1;
--color-ladoga-bottom-300: #b5b9b4;
--color-ladoga-bottom-400: #9ba09a;
--color-ladoga-bottom-500: #838882;
--color-ladoga-bottom-600: #6f736e;
--color-ladoga-bottom-700: #585c58;
--color-ladoga-bottom-800: #414340;
--color-ladoga-bottom-900: #2d2e2c;
--color-ladoga-bottom-950: #1a1b19;
}SCSS
$ladoga-bottom: #d9ded8;
$ladoga-bottom-rgb: 217, 222, 216;
$ladoga-bottom-light: mix(#fff, $ladoga-bottom, 20%);
$ladoga-bottom-dark: mix(#000, $ladoga-bottom, 20%);
.element {
color: $ladoga-bottom;
box-shadow: 0 0 0 2px rgba($ladoga-bottom, 0.35);
}