Adlandırılmış renk · #D1CAA4
Frozen Dew
Frozen Dew, #D1CAA4: rgb(209 202 164), hsl(51 33% 73%), oklch(0.835 0.051 98.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Frozen Dew color name →
#D1CAA4
oklch(0.835 0.051 98.7)
Renk dönüşümleri
- HEX
- #d1caa4
- RGB
- rgb(209 202 164)
- HSL
- hsl(51 33% 73%)
- HWB
- hwb(51 64% 18%)
- OKLCH
- oklch(0.835 0.051 98.7)
- OKLab
- oklab(0.835 -0.008 0.051)
- CIE Lab
- lab(81.17 -2.02 19.98)
- LCH
- lch(81.17 20.08 95.8)
- CMYK
- cmyk(0% 3% 22% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6CFAD
- DAD5B6
- DFDABF
- E3DFC8
- E8E4D1
- ECEADA
- F1EFE3
- F6F4ED
- FAFAF6
Koyu tonlar
- B5AF8E
- 9B9579
- 817C64
- 686450
- 504D3D
- 39372B
- 23221A
- 100F0A
- 020201
Gri tonlar
- C9C2A1
- C0BB9D
- B8B399
- B0AC96
- A8A492
- 9F9D8F
- 97968B
- 908E87
- 888784
Renk uyumları
Tamamlayıcı +180°
- D1CAA4
Frozen Dew
- C1C6EB
≈ Powdered Granite
Analog -30° +30°
- D1CAA4
Frozen Dew
- E0C3A6
≈ Apricot Illusion
- BFD0AD
≈ Gamin
Üçlü +120° +240°
- D1CAA4
Frozen Dew
- A4D2E0
≈ French Pass
- E0BDD4
≈ Scandalous Rose
Bölünmüş tamamlayıcı +150° +210°
- D1CAA4
Frozen Dew
- B0CCEA
≈ Featherbed
- D2C0E3
≈ York Plum
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.69:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-dew: #d1caa4;
--frozen-dew-rgb: 209 202 164;
--frozen-dew-oklch: oklch(0.835 0.051 98.7);
}
.element {
color: var(--frozen-dew);
background-color: hsl(51 33% 73%);
border-color: oklch(0.835 0.051 98.7);
}Tailwind CSS v4
@theme {
--color-frozen-dew: #d1caa4;
--color-frozen-dew-50: #f8f6e5;
--color-frozen-dew-100: #ebe9d5;
--color-frozen-dew-200: #d9d5bd;
--color-frozen-dew-300: #bdb99b;
--color-frozen-dew-400: #a69f7d;
--color-frozen-dew-500: #8f875f;
--color-frozen-dew-600: #797251;
--color-frozen-dew-700: #605b41;
--color-frozen-dew-800: #47432e;
--color-frozen-dew-900: #312e1f;
--color-frozen-dew-950: #1d1b0f;
}SCSS
$frozen-dew: #d1caa4;
$frozen-dew-rgb: 209, 202, 164;
$frozen-dew-light: mix(#fff, $frozen-dew, 20%);
$frozen-dew-dark: mix(#000, $frozen-dew, 20%);
.element {
color: $frozen-dew;
box-shadow: 0 0 0 2px rgba($frozen-dew, 0.35);
}