Adlandırılmış renk · #FEE8F5
Dolomite Crystal
Dolomite Crystal, #FEE8F5: rgb(254 232 245), hsl(325 92% 95%), oklch(0.952 0.029 341.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dolomite Crystal color name →
#FEE8F5
oklch(0.952 0.029 341.4)
Renk dönüşümleri
- HEX
- #fee8f5
- RGB
- rgb(254 232 245)
- HSL
- hsl(325 92% 95%)
- HWB
- hwb(325 91% 0%)
- OKLCH
- oklch(0.952 0.029 341.4)
- OKLab
- oklab(0.952 0.028 -0.009)
- CIE Lab
- lab(94.07 9.37 -3.46)
- LCH
- lch(94.07 9.99 339.7)
- CMYK
- cmyk(0% 9% 4% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEEAF6
- FEEDF7
- FEEFF8
- FFF1F9
- FFF4FA
- FFF6FB
- FFF8FC
- FFFAFD
- FFFDFE
Koyu tonlar
- DDCAD5
- BDACB6
- 9E9098
- 80747B
- 63595F
- 474044
- 2D292B
- 161315
- 030303
Gri tonlar
- F1DDE9
- E4D2DD
- D7C8D0
- CABDC5
- BDB3B9
- B1A8AD
- A49EA2
- 989496
- 8C8A8B
Renk uyumları
Tamamlayıcı +180°
- FEE8F5
Dolomite Crystal
- DFF6E9
≈ Treacherous Blizzard
Analog -30° +30°
- FEE8F5
Dolomite Crystal
- F6EAFE
≈ Placebo Fuchsia
- FFE9EB
≈ Pink Sparkle
Üçlü +120° +240°
- FEE8F5
Dolomite Crystal
- F3F0DA
≈ Washed Canvas
- DBF4FD
≈ Wizard White
Bölünmüş tamamlayıcı +150° +210°
- FEE8F5
Dolomite Crystal
- E8F4E0
≈ Herb Garden
- DAF6F4
≈ Fishious Rend
Dörtlü +90° +180° +270°
- FEE8F5
Dolomite Crystal
- FCEDDB
≈ Mango Cheesecake
- DFF6E9
≈ Treacherous Blizzard
- E4F1FF
≈ Cotton Boll
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 18.07:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--dolomite-crystal: #fee8f5;
--dolomite-crystal-rgb: 254 232 245;
--dolomite-crystal-oklch: oklch(0.952 0.029 341.4);
}
.element {
color: var(--dolomite-crystal);
background-color: hsl(325 92% 95%);
border-color: oklch(0.952 0.029 341.4);
}Tailwind CSS v4
@theme {
--color-dolomite-crystal: #fee8f5;
--color-dolomite-crystal-50: #fcf2f7;
--color-dolomite-crystal-100: #efe4ea;
--color-dolomite-crystal-200: #ded0d7;
--color-dolomite-crystal-300: #c3b2bb;
--color-dolomite-crystal-400: #ab98a3;
--color-dolomite-crystal-500: #947f8c;
--color-dolomite-crystal-600: #7e6b76;
--color-dolomite-crystal-700: #64565f;
--color-dolomite-crystal-800: #4a3f46;
--color-dolomite-crystal-900: #332b30;
--color-dolomite-crystal-950: #1f181c;
}SCSS
$dolomite-crystal: #fee8f5;
$dolomite-crystal-rgb: 254, 232, 245;
$dolomite-crystal-light: mix(#fff, $dolomite-crystal, 20%);
$dolomite-crystal-dark: mix(#000, $dolomite-crystal, 20%);
.element {
color: $dolomite-crystal;
box-shadow: 0 0 0 2px rgba($dolomite-crystal, 0.35);
}