Màu có tên gần nhất · #FAE0DC
#FAE0DC
Màu có tên gần nhất: Rosewater
#FAE0DC (rgb(250 224 220), hsl(8 75% 92%), oklch(0.927 0.029 28.1)) gần nhất với màu có tên Rosewater. 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.
#FAE0DC
oklch(0.927 0.029 28.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBE3DF
- FBE6E3
- FCE9E6
- FCECEA
- FDEFED
- FDF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Sắc đậm
- D9C3BF
- BAA6A3
- 9B8A88
- 7D706E
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Sắc xám
- EDD6D2
- E1CCC9
- D4C2BF
- C8B8B6
- BBAFAD
- AFA5A4
- A39C9B
- 979292
- 8C8989
Hòa sắc
Bổ túc +180°
- FAE0DC
Rosewater
- D1EDF1
≈ Blue Emulsion
Tương đồng -30° +30°
- FAE0DC
Rosewater
- F8DFE7
≈ Pork Belly
- F7E3D4
≈ Almond Kiss
Bộ ba +120° +240°
- FAE0DC
Rosewater
- DAEDDC
≈ Cottage Green
- DEE7FB
≈ Lavender Mist
Bổ túc chia +150° +210°
- FAE0DC
Rosewater
- D3EEE7
≈ Cascade
- D6EAF9
≈ Cloudless
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.76:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
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);
}