Adlandırılmış renk · #EEE3CC
Diamond Ice
Diamond Ice, #EEE3CC: rgb(238 227 204), hsl(41 50% 87%), oklch(0.918 0.033 85.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Diamond Ice color name →
#EEE3CC
oklch(0.918 0.033 85.5)
Renk dönüşümleri
- HEX
- #eee3cc
- RGB
- rgb(238 227 204)
- HSL
- hsl(41 50% 87%)
- HWB
- hwb(41 80% 7%)
- OKLCH
- oklch(0.918 0.033 85.5)
- OKLab
- oklab(0.918 0.003 0.033)
- CIE Lab
- lab(90.67 1.09 12.69)
- LCH
- lch(90.67 12.74 85.1)
- CMYK
- cmyk(0% 5% 14% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E6D1
- F1E9D6
- F3EBDB
- F5EEE0
- F6F1E5
- F8F4EB
- FAF7F0
- FCF9F5
- FDFCFA
Koyu tonlar
- CFC5B1
- B1A897
- 938C7E
- 777165
- 5C574E
- 423F37
- 2A2722
- 14120F
- 030302
Gri tonlar
- E2D9C4
- D7CEBC
- CCC4B5
- C1BAAD
- B5B0A5
- ABA69E
- A09D96
- 95938F
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EEE3CC
Diamond Ice
- DAE4FB
≈ Aquarelle Purple
Analog -30° +30°
- EEE3CC
Diamond Ice
- F6DFD0
≈ Muffin Mix
- E3E7CF
≈ Pale Pistachio
Üçlü +120° +240°
- EEE3CC
Diamond Ice
- CCEBEF
≈ Summer Mist
- F0DDF0
≈ Divine Dove
Bölünmüş tamamlayıcı +150° +210°
- EEE3CC
Diamond Ice
- D0E8F7
≈ Freezing Vapour
- E5E0F8
≈ Lingering Lilac
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.49:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-ice: #eee3cc;
--diamond-ice-rgb: 238 227 204;
--diamond-ice-oklch: oklch(0.918 0.033 85.5);
}
.element {
color: var(--diamond-ice);
background-color: hsl(41 50% 87%);
border-color: oklch(0.918 0.033 85.5);
}Tailwind CSS v4
@theme {
--color-diamond-ice: #eee3cc;
--color-diamond-ice-50: #f9f5eb;
--color-diamond-ice-100: #ece7dc;
--color-diamond-ice-200: #dad4c5;
--color-diamond-ice-300: #beb7a5;
--color-diamond-ice-400: #a79d89;
--color-diamond-ice-500: #90856e;
--color-diamond-ice-600: #7a715d;
--color-diamond-ice-700: #615a4a;
--color-diamond-ice-800: #484236;
--color-diamond-ice-900: #322d25;
--color-diamond-ice-950: #1e1a13;
}SCSS
$diamond-ice: #eee3cc;
$diamond-ice-rgb: 238, 227, 204;
$diamond-ice-light: mix(#fff, $diamond-ice, 20%);
$diamond-ice-dark: mix(#000, $diamond-ice, 20%);
.element {
color: $diamond-ice;
box-shadow: 0 0 0 2px rgba($diamond-ice, 0.35);
}