En yakın adlandırılmış renk · #DCDCE3
#DCDCE3
En yakın adlandırılmış renk: White Elephant
#DCDCE3 (rgb(220 220 227), hsl(240 11% 88%), oklch(0.897 0.009 286.2)) en çok White Elephant adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DCDCE3
oklch(0.897 0.009 286.2)
Renk dönüşümleri
- HEX
- #dcdce3
- RGB
- rgb(220 220 227)
- HSL
- hsl(240 11% 88%)
- HWB
- hwb(240 86% 11%)
- OKLCH
- oklch(0.897 0.009 286.2)
- OKLab
- oklab(0.897 0.003 -0.009)
- CIE Lab
- lab(87.91 0.95 -3.44)
- LCH
- lch(87.91 3.57 285.5)
- CMYK
- cmyk(3% 3% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFDFE6
- E3E3E9
- E6E6EB
- EAEAEE
- EDEDF1
- F1F1F4
- F4F4F7
- F8F8F9
- FBFBFC
Koyu tonlar
- BFBFC5
- A3A3A8
- 88888C
- 6E6E71
- 545457
- 3C3C3F
- 262627
- 111112
- 020203
Gri tonlar
- D2D2D9
- C9C9CE
- BFBFC4
- B6B6BA
- ADADB0
- A4A4A6
- 9B9B9D
- 929293
- 898989
Renk uyumları
Tamamlayıcı +180°
- DCDCE3
White Elephant
- DDDDD6
≈ Frosty White
Analog -30° +30°
- DCDCE3
White Elephant
- D9DDE3
≈ Ash in the Air
- DFDBE1
≈ Breathless
Üçlü +120° +240°
- DCDCE3
White Elephant
- E3DBD8
≈ Chernobog Breath
- D7DFDB
≈ Rapier Silver
Bölünmüş tamamlayıcı +150° +210°
- DCDCE3
White Elephant
- E0DCD6
≈ Pheasant’s Egg
- DADED8
≈ Ladoga Bottom
Dörtlü +90° +180° +270°
- DCDCE3
White Elephant
- E3DADB
≈ Ghostwaver
- DDDDD6
≈ Frosty White
- D6DFDF
≈ Echo Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.38:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-elephant: #dcdce3;
--white-elephant-rgb: 220 220 227;
--white-elephant-oklch: oklch(0.897 0.009 286.2);
}
.element {
color: var(--white-elephant);
background-color: hsl(240 11% 88%);
border-color: oklch(0.897 0.009 286.2);
}Tailwind CSS v4
@theme {
--color-white-elephant: #dcdce3;
--color-white-elephant-50: #f5f5f8;
--color-white-elephant-100: #e7e7eb;
--color-white-elephant-200: #d4d4d8;
--color-white-elephant-300: #b7b7bc;
--color-white-elephant-400: #9e9ea4;
--color-white-elephant-500: #85858c;
--color-white-elephant-600: #717177;
--color-white-elephant-700: #5a5a5f;
--color-white-elephant-800: #424246;
--color-white-elephant-900: #2d2d30;
--color-white-elephant-950: #1a1a1c;
}SCSS
$white-elephant: #dcdce3;
$white-elephant-rgb: 220, 220, 227;
$white-elephant-light: mix(#fff, $white-elephant, 20%);
$white-elephant-dark: mix(#000, $white-elephant, 20%);
.element {
color: $white-elephant;
box-shadow: 0 0 0 2px rgba($white-elephant, 0.35);
}