Nazwany kolor · #DCE3D1
Mystical Sea
Mystical Sea to #DCE3D1: rgb(220 227 209), hsl(83 24% 85%), oklch(0.906 0.025 124.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mystical Sea color name →
#DCE3D1
oklch(0.906 0.025 124.3)
Konwersje koloru
- HEX
- #dce3d1
- RGB
- rgb(220 227 209)
- HSL
- hsl(83 24% 85%)
- HWB
- hwb(83 82% 11%)
- OKLCH
- oklch(0.906 0.025 124.3)
- OKLab
- oklab(0.906 -0.014 0.021)
- CIE Lab
- lab(89.33 -4.8 7.97)
- LCH
- lch(89.33 9.3 121.1)
- CMYK
- cmyk(3% 0% 8% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFE6D6
- E3E9DA
- E6EBDF
- EAEEE3
- EDF1E8
- F1F4EC
- F4F7F1
- F8F9F6
- FBFCFA
Odcienie ciemniejsze
- BFC5B5
- A3A89B
- 888C81
- 6E7168
- 545750
- 3C3F39
- 262723
- 111210
- 020302
Tony
- D2D9C9
- C9CEC0
- BFC4B8
- B6BAB0
- ADB0A8
- A4A6A0
- 9B9D98
- 929390
- 898988
Harmonie kolorów
Komplementarna +180°
- DCE3D1
Mystical Sea
- E3DCEE
≈ Princess Fairy Tale
Analogowa -30° +30°
- DCE3D1
Mystical Sea
- E5E0CE
≈ Pueblo White
- D4E5D8
≈ Light Green Wash
Triada +120° +240°
- DCE3D1
Mystical Sea
- D2E2F0
≈ Weathered Blue
- F0D9DE
≈ Dolce Pink
Komplementarna rozszczepiona +150° +210°
- DCE3D1
Mystical Sea
- DADFF1
≈ Lower Lavender
- EBDAE7
≈ Desert Dawn
Tetrada +90° +180° +270°
- DCE3D1
Mystical Sea
- CEE5EA
≈ Northwind
- E3DCEE
≈ Princess Fairy Tale
- F0DAD5
≈ Porcelain Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.95:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--mystical-sea: #dce3d1;
--mystical-sea-rgb: 220 227 209;
--mystical-sea-oklch: oklch(0.906 0.025 124.3);
}
.element {
color: var(--mystical-sea);
background-color: hsl(83 24% 85%);
border-color: oklch(0.906 0.025 124.3);
}Tailwind CSS v4
@theme {
--color-mystical-sea: #dce3d1;
--color-mystical-sea-50: #f3f7ef;
--color-mystical-sea-100: #e6e9e1;
--color-mystical-sea-200: #d1d6cb;
--color-mystical-sea-300: #b4baac;
--color-mystical-sea-400: #9ba191;
--color-mystical-sea-500: #828977;
--color-mystical-sea-600: #6e7465;
--color-mystical-sea-700: #585d51;
--color-mystical-sea-800: #41443a;
--color-mystical-sea-900: #2d2f28;
--color-mystical-sea-950: #1a1b16;
}SCSS
$mystical-sea: #dce3d1;
$mystical-sea-rgb: 220, 227, 209;
$mystical-sea-light: mix(#fff, $mystical-sea, 20%);
$mystical-sea-dark: mix(#000, $mystical-sea, 20%);
.element {
color: $mystical-sea;
box-shadow: 0 0 0 2px rgba($mystical-sea, 0.35);
}