Adlandırılmış renk · #DDE8ED
Moby Dick
Moby Dick, #DDE8ED: rgb(221 232 237), hsl(199 31% 90%), oklch(0.924 0.014 226.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Moby Dick color name →
#DDE8ED
oklch(0.924 0.014 226.6)
Renk dönüşümleri
- HEX
- #dde8ed
- RGB
- rgb(221 232 237)
- HSL
- hsl(199 31% 90%)
- HWB
- hwb(199 87% 7%)
- OKLCH
- oklch(0.924 0.014 226.6)
- OKLab
- oklab(0.924 -0.009 -0.01)
- CIE Lab
- lab(91.27 -3.09 -3.77)
- LCH
- lch(91.27 4.88 230.6)
- CMYK
- cmyk(7% 2% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0EAEF
- E4EDF1
- E7EFF2
- EBF1F4
- EEF3F6
- F1F6F8
- F5F8FA
- F8FAFB
- FCFDFD
Koyu tonlar
- C0CACE
- A4ACB0
- 889093
- 6E7477
- 55595C
- 3D4042
- 26292A
- 111314
- 020303
Gri tonlar
- D3DDE2
- CAD2D6
- C0C8CB
- B7BDC0
- ADB3B5
- A4A8AA
- 9B9E9F
- 929495
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DDE8ED
Moby Dick
- EEE3DE
≈ Glossy Kiss
Analog -30° +30°
- DDE8ED
Moby Dick
- DCE9E9
≈ Carefree
- E0E6EF
≈ Radiant Moon
Üçlü +120° +240°
- DDE8ED
Moby Dick
- EDE2E8
≈ Dream Dust
- E7E7DC
≈ Narvik
Bölünmüş tamamlayıcı +150° +210°
- DDE8ED
Moby Dick
- EFE2E3
≈ Dulcet Pink
- EBE5DC
≈ Elk Skin
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.83:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--moby-dick: #dde8ed;
--moby-dick-rgb: 221 232 237;
--moby-dick-oklch: oklch(0.924 0.014 226.6);
}
.element {
color: var(--moby-dick);
background-color: hsl(199 31% 90%);
border-color: oklch(0.924 0.014 226.6);
}Tailwind CSS v4
@theme {
--color-moby-dick: #dde8ed;
--color-moby-dick-50: #f1f6f8;
--color-moby-dick-100: #e3e9eb;
--color-moby-dick-200: #cfd5d9;
--color-moby-dick-300: #b1b9bd;
--color-moby-dick-400: #96a0a5;
--color-moby-dick-500: #7d888d;
--color-moby-dick-600: #6a7377;
--color-moby-dick-700: #555c60;
--color-moby-dick-800: #3e4346;
--color-moby-dick-900: #2a2f30;
--color-moby-dick-950: #181b1d;
}SCSS
$moby-dick: #dde8ed;
$moby-dick-rgb: 221, 232, 237;
$moby-dick-light: mix(#fff, $moby-dick, 20%);
$moby-dick-dark: mix(#000, $moby-dick, 20%);
.element {
color: $moby-dick;
box-shadow: 0 0 0 2px rgba($moby-dick, 0.35);
}