Adlandırılmış renk · #DCE0CF
Pale Oak Grove
Pale Oak Grove, #DCE0CF: rgb(220 224 207), hsl(74 22% 85%), oklch(0.899 0.023 117.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? → · Pale Oak Grove color name →
#DCE0CF
oklch(0.899 0.023 117.6)
Renk dönüşümleri
- HEX
- #dce0cf
- RGB
- rgb(220 224 207)
- HSL
- hsl(74 22% 85%)
- HWB
- hwb(74 81% 12%)
- OKLCH
- oklch(0.899 0.023 117.6)
- OKLab
- oklab(0.899 -0.011 0.021)
- CIE Lab
- lab(88.52 -3.62 7.86)
- LCH
- lch(88.52 8.66 114.7)
- CMYK
- cmyk(2% 0% 8% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE3D4
- E3E6D9
- E6E9DD
- EAECE2
- EDEFE7
- F1F3EC
- F4F6F0
- F8F9F5
- FBFCFA
Koyu tonlar
- BFC3B4
- A3A699
- 888A7F
- 6E7067
- 54564F
- 3C3E38
- 262723
- 111210
- 020202
Gri tonlar
- D2D6C7
- C9CCBF
- BFC2B7
- B6B8AF
- ADAFA7
- A4A59F
- 9B9C97
- 92928F
- 898988
Renk uyumları
Tamamlayıcı +180°
- DCE0CF
Pale Oak Grove
- DFDBEC
≈ Chinese Silver
Analog -30° +30°
- DCE0CF
Pale Oak Grove
- E4DDCD
≈ Carded Wool
- D4E2D5
≈ Minty Delight
Üçlü +120° +240°
- DCE0CF
Pale Oak Grove
- D0E0EB
≈ Happy Thoughts
- EBD8DE
≈ Angelic Choir
Bölünmüş tamamlayıcı +150° +210°
- DCE0CF
Pale Oak Grove
- D7DEEE
≈ Weeping Wisteria
- E7D9E6
≈ Rajah Rose
Dörtlü +90° +180° +270°
- DCE0CF
Pale Oak Grove
- CDE2E6
≈ Melting Point
- DFDBEC
≈ Chinese Silver
- EDD8D5
≈ Fiesta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.60:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--pale-oak-grove: #dce0cf;
--pale-oak-grove-rgb: 220 224 207;
--pale-oak-grove-oklch: oklch(0.899 0.023 117.6);
}
.element {
color: var(--pale-oak-grove);
background-color: hsl(74 22% 85%);
border-color: oklch(0.899 0.023 117.6);
}Tailwind CSS v4
@theme {
--color-pale-oak-grove: #dce0cf;
--color-pale-oak-grove-50: #f4f6ef;
--color-pale-oak-grove-100: #e7e9e1;
--color-pale-oak-grove-200: #d3d6cb;
--color-pale-oak-grove-300: #b6b9ac;
--color-pale-oak-grove-400: #9da091;
--color-pale-oak-grove-500: #858877;
--color-pale-oak-grove-600: #707365;
--color-pale-oak-grove-700: #5a5c51;
--color-pale-oak-grove-800: #42433a;
--color-pale-oak-grove-900: #2d2f28;
--color-pale-oak-grove-950: #1a1b16;
}SCSS
$pale-oak-grove: #dce0cf;
$pale-oak-grove-rgb: 220, 224, 207;
$pale-oak-grove-light: mix(#fff, $pale-oak-grove, 20%);
$pale-oak-grove-dark: mix(#000, $pale-oak-grove, 20%);
.element {
color: $pale-oak-grove;
box-shadow: 0 0 0 2px rgba($pale-oak-grove, 0.35);
}