Adlandırılmış renk · #F9E7F4
Cherry Pearl
Cherry Pearl, #F9E7F4: rgb(249 231 244), hsl(317 60% 94%), oklch(0.946 0.026 335.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? → · Cherry Pearl color name →
#F9E7F4
oklch(0.946 0.026 335.5)
Renk dönüşümleri
- HEX
- #f9e7f4
- RGB
- rgb(249 231 244)
- HSL
- hsl(317 60% 94%)
- HWB
- hwb(317 91% 2%)
- OKLCH
- oklch(0.946 0.026 335.5)
- OKLab
- oklab(0.946 0.024 -0.011)
- CIE Lab
- lab(93.38 7.98 -4)
- LCH
- lch(93.38 8.93 333.4)
- CMYK
- cmyk(0% 7% 2% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAE9F5
- FAECF6
- FBEEF7
- FBF1F8
- FCF3FA
- FDF5FB
- FDF8FC
- FEFAFD
- FEFDFE
Koyu tonlar
- D9C9D4
- B9ABB5
- 9A8F97
- 7D737A
- 61595E
- 464044
- 2C282B
- 151314
- 030303
Gri tonlar
- ECDCE8
- E0D2DC
- D3C7D0
- C7BDC4
- BBB2B8
- AFA8AD
- A39EA1
- 979496
- 8B8A8B
Renk uyumları
Tamamlayıcı +180°
- F9E7F4
Cherry Pearl
- E0F3E6
≈ Particle Cannon
Analog -30° +30°
- F9E7F4
Cherry Pearl
- F1E9FB
≈ Placebo Purple
- FEE6EB
≈ Nosegay
Üçlü +120° +240°
- F9E7F4
Cherry Pearl
- F2EDDA
≈ Satin Weave
- DBF2F8
≈ Let It Snow
Bölünmüş tamamlayıcı +150° +210°
- F9E7F4
Cherry Pearl
- E9F1DE
≈ Mossy White
- DBF3EF
≈ Aqua Pura
Dörtlü +90° +180° +270°
- F9E7F4
Cherry Pearl
- FAEADC
≈ Rosarian
- E0F3E6
≈ Particle Cannon
- E0EFFE
≈ Calcareous Sinter
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.76:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.76:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-pearl: #f9e7f4;
--cherry-pearl-rgb: 249 231 244;
--cherry-pearl-oklch: oklch(0.946 0.026 335.5);
}
.element {
color: var(--cherry-pearl);
background-color: hsl(317 60% 94%);
border-color: oklch(0.946 0.026 335.5);
}Tailwind CSS v4
@theme {
--color-cherry-pearl: #f9e7f4;
--color-cherry-pearl-50: #faf2f8;
--color-cherry-pearl-100: #eee5eb;
--color-cherry-pearl-200: #dcd0d8;
--color-cherry-pearl-300: #c1b3bc;
--color-cherry-pearl-400: #a999a4;
--color-cherry-pearl-500: #92808d;
--color-cherry-pearl-600: #7b6c77;
--color-cherry-pearl-700: #63575f;
--color-cherry-pearl-800: #483f46;
--color-cherry-pearl-900: #322b31;
--color-cherry-pearl-950: #1e191d;
}SCSS
$cherry-pearl: #f9e7f4;
$cherry-pearl-rgb: 249, 231, 244;
$cherry-pearl-light: mix(#fff, $cherry-pearl, 20%);
$cherry-pearl-dark: mix(#000, $cherry-pearl, 20%);
.element {
color: $cherry-pearl;
box-shadow: 0 0 0 2px rgba($cherry-pearl, 0.35);
}