Màu có tên · #FEE8F5
Dolomite Crystal
Dolomite Crystal là #FEE8F5: rgb(254 232 245), hsl(325 92% 95%), oklch(0.952 0.029 341.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Dolomite Crystal color name →
#FEE8F5
oklch(0.952 0.029 341.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEEAF6
- FEEDF7
- FEEFF8
- FFF1F9
- FFF4FA
- FFF6FB
- FFF8FC
- FFFAFD
- FFFDFE
Sắc đậm
- DDCAD5
- BDACB6
- 9E9098
- 80747B
- 63595F
- 474044
- 2D292B
- 161315
- 030303
Sắc xám
- F1DDE9
- E4D2DD
- D7C8D0
- CABDC5
- BDB3B9
- B1A8AD
- A49EA2
- 989496
- 8C8A8B
Hòa sắc
Bổ túc +180°
- FEE8F5
Dolomite Crystal
- DFF6E9
≈ Treacherous Blizzard
Tương đồng -30° +30°
- FEE8F5
Dolomite Crystal
- F6EAFE
≈ Placebo Fuchsia
- FFE9EB
≈ Pink Sparkle
Bộ ba +120° +240°
- FEE8F5
Dolomite Crystal
- F3F0DA
≈ Washed Canvas
- DBF4FD
≈ Wizard White
Bổ túc chia +150° +210°
- FEE8F5
Dolomite Crystal
- E8F4E0
≈ Herb Garden
- DAF6F4
≈ Fishious Rend
Bộ bốn +90° +180° +270°
- FEE8F5
Dolomite Crystal
- FCEDDB
≈ Mango Cheesecake
- DFF6E9
≈ Treacherous Blizzard
- E4F1FF
≈ Cotton Boll
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.07:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
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);
}