Nazwany kolor · #D5DEC3
Dream Seascape
Dream Seascape to #D5DEC3: rgb(213 222 195), hsl(80 29% 82%), oklch(0.886 0.037 122.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Dream Seascape color name →
#D5DEC3
oklch(0.886 0.037 122.2)
Konwersje koloru
- HEX
- #d5dec3
- RGB
- rgb(213 222 195)
- HSL
- hsl(80 29% 82%)
- HWB
- hwb(80 76% 13%)
- OKLCH
- oklch(0.886 0.037 122.2)
- OKLab
- oklab(0.886 -0.02 0.032)
- CIE Lab
- lab(87.23 -6.66 12.21)
- LCH
- lch(87.23 13.9 118.6)
- CMYK
- cmyk(4% 0% 12% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9E1C9
- DDE5CF
- E1E8D5
- E6EBDB
- EAEEE1
- EEF2E7
- F2F5ED
- F6F8F3
- FBFCF9
Odcienie ciemniejsze
- B9C1A9
- 9EA590
- 838978
- 6A6F60
- 51554A
- 3A3D34
- 242620
- 10120E
- 020202
Tony
- CCD4BC
- C3CAB5
- BBC1AE
- B2B7A8
- A9AEA1
- A1A59A
- 999B94
- 90928D
- 888987
Harmonie kolorów
Komplementarna +180°
- D5DEC3
Dream Seascape
- DED4EF
≈ Japan Blush
Analogowa -30° +30°
- D5DEC3
Dream Seascape
- E2D9BE
≈ Happy Margarine
- C8E1CE
≈ Enchanted
Triada +120° +240°
- D5DEC3
Dream Seascape
- C5DDF1
≈ Island View
- F0D0D7
≈ Impatiens Petal
Komplementarna rozszczepiona +150° +210°
- D5DEC3
Dream Seascape
- D1D9F3
≈ Flax Bloom
- E9D1E5
≈ Sonora Rose
Tetrada +90° +180° +270°
- D5DEC3
Dream Seascape
- BEE1E8
≈ H₂O
- DED4EF
≈ Japan Blush
- F1D1CA
≈ Chic Peach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.06:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.06:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--dream-seascape: #d5dec3;
--dream-seascape-rgb: 213 222 195;
--dream-seascape-oklch: oklch(0.886 0.037 122.2);
}
.element {
color: var(--dream-seascape);
background-color: hsl(80 29% 82%);
border-color: oklch(0.886 0.037 122.2);
}Tailwind CSS v4
@theme {
--color-dream-seascape: #d5dec3;
--color-dream-seascape-50: #f3f7ec;
--color-dream-seascape-100: #e5eadd;
--color-dream-seascape-200: #d1d7c6;
--color-dream-seascape-300: #b3bba6;
--color-dream-seascape-400: #9aa28a;
--color-dream-seascape-500: #828a6f;
--color-dream-seascape-600: #6e755e;
--color-dream-seascape-700: #585e4b;
--color-dream-seascape-800: #404436;
--color-dream-seascape-900: #2c2f25;
--color-dream-seascape-950: #191c13;
}SCSS
$dream-seascape: #d5dec3;
$dream-seascape-rgb: 213, 222, 195;
$dream-seascape-light: mix(#fff, $dream-seascape, 20%);
$dream-seascape-dark: mix(#000, $dream-seascape, 20%);
.element {
color: $dream-seascape;
box-shadow: 0 0 0 2px rgba($dream-seascape, 0.35);
}