Warna bernama terdekat · #FAE0DC
#FAE0DC
Warna bernama terdekat: Rosewater
#FAE0DC (rgb(250 224 220), hsl(8 75% 92%), oklch(0.927 0.029 28.1)) paling mendekati warna bernama Rosewater. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#FAE0DC
oklch(0.927 0.029 28.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FBE3DF
- FBE6E3
- FCE9E6
- FCECEA
- FDEFED
- FDF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Shade
- D9C3BF
- BAA6A3
- 9B8A88
- 7D706E
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Tone
- EDD6D2
- E1CCC9
- D4C2BF
- C8B8B6
- BBAFAD
- AFA5A4
- A39C9B
- 979292
- 8C8989
Harmoni warna
Komplementer +180°
- FAE0DC
Rosewater
- D1EDF1
≈ Blue Emulsion
Analog -30° +30°
- FAE0DC
Rosewater
- F8DFE7
≈ Pork Belly
- F7E3D4
≈ Almond Kiss
Triadik +120° +240°
- FAE0DC
Rosewater
- DAEDDC
≈ Cottage Green
- DEE7FB
≈ Lavender Mist
Split-komplementer +150° +210°
- FAE0DC
Rosewater
- D3EEE7
≈ Cascade
- D6EAF9
≈ Cloudless
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.25:1 · APCA Lc 13
Ag
AAADi atas hitam
WCAG 16.76:1 · APCA Lc 91
Warna teks terbaik: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Cuplikan kode
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);
}