En yakın adlandırılmış renk · #FAE0DC
#FAE0DC
En yakın adlandırılmış renk: Rosewater
#FAE0DC (rgb(250 224 220), hsl(8 75% 92%), oklch(0.927 0.029 28.1)) en çok Rosewater adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FAE0DC
oklch(0.927 0.029 28.1)
Renk dönüşümleri
- HEX
- #fae0dc
- RGB
- rgb(250 224 220)
- HSL
- hsl(8 75% 92%)
- HWB
- hwb(8 86% 2%)
- OKLCH
- oklch(0.927 0.029 28.1)
- OKLab
- oklab(0.927 0.026 0.014)
- CIE Lab
- lab(91.25 8.76 5.4)
- LCH
- lch(91.25 10.28 31.7)
- CMYK
- cmyk(0% 10% 12% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBE3DF
- FBE6E3
- FCE9E6
- FCECEA
- FDEFED
- FDF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Koyu tonlar
- D9C3BF
- BAA6A3
- 9B8A88
- 7D706E
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Gri tonlar
- EDD6D2
- E1CCC9
- D4C2BF
- C8B8B6
- BBAFAD
- AFA5A4
- A39C9B
- 979292
- 8C8989
Renk uyumları
Tamamlayıcı +180°
- FAE0DC
Rosewater
- D1EDF1
≈ Blue Emulsion
Analog -30° +30°
- FAE0DC
Rosewater
- F8DFE7
≈ Pork Belly
- F7E3D4
≈ Almond Kiss
Üçlü +120° +240°
- FAE0DC
Rosewater
- DAEDDC
≈ Cottage Green
- DEE7FB
≈ Lavender Mist
Bölünmüş tamamlayıcı +150° +210°
- FAE0DC
Rosewater
- D3EEE7
≈ Cascade
- D6EAF9
≈ Cloudless
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.76:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--rosewater: #fae0dc;
--rosewater-rgb: 250 224 220;
--rosewater-oklch: oklch(0.927 0.029 28.1);
}
.element {
color: var(--rosewater);
background-color: hsl(8 75% 92%);
border-color: oklch(0.927 0.029 28.1);
}Tailwind CSS v4
@theme {
--color-rosewater: #fae0dc;
--color-rosewater-50: #fdf2f0;
--color-rosewater-100: #f2e4e2;
--color-rosewater-200: #e1d0cd;
--color-rosewater-300: #c6b2af;
--color-rosewater-400: #af9895;
--color-rosewater-500: #997f7b;
--color-rosewater-600: #816c69;
--color-rosewater-700: #675653;
--color-rosewater-800: #4c3f3d;
--color-rosewater-900: #352b2a;
--color-rosewater-950: #201818;
}SCSS
$rosewater: #fae0dc;
$rosewater-rgb: 250, 224, 220;
$rosewater-light: mix(#fff, $rosewater, 20%);
$rosewater-dark: mix(#000, $rosewater, 20%);
.element {
color: $rosewater;
box-shadow: 0 0 0 2px rgba($rosewater, 0.35);
}