Màu có tên gần nhất · #FFF5DE
#FFF5DE
Màu có tên gần nhất: Creamy Cloud Dreams
#FFF5DE (rgb(255 245 222), hsl(42 100% 94%), oklch(0.972 0.032 87.3)) gần nhất với màu có tên Creamy Cloud Dreams. 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.
#FFF5DE
oklch(0.972 0.032 87.3)
Chuyển đổi màu
- HEX
- #fff5de
- RGB
- rgb(255 245 222)
- HSL
- hsl(42 100% 94%)
- HWB
- hwb(42 87% 0%)
- OKLCH
- oklch(0.972 0.032 87.3)
- OKLab
- oklab(0.972 0.002 0.032)
- CIE Lab
- lab(96.88 0.69 12.38)
- LCH
- lch(96.88 12.4 86.8)
- CMYK
- cmyk(0% 4% 13% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFF6E1
- FFF7E5
- FFF8E8
- FFF9EB
- FFFAEF
- FFFBF2
- FFFCF5
- FFFDF8
- FFFEFC
Sắc đậm
- DED5C1
- BEB6A5
- 9E9889
- 807B6F
- 635F55
- 48443D
- 2E2B26
- 161512
- 030302
Sắc xám
- F2E9D4
- E4DDCB
- D7D1C1
- CAC5B7
- BEB9AE
- B1ADA5
- A4A29B
- 989692
- 8C8B89
Hòa sắc
Bổ túc +180°
- FFF5DE
Creamy Cloud Dreams
- F2F6FF
≈ Cotton Ball
Tương đồng -30° +30°
- FFF5DE
Creamy Cloud Dreams
- FFF3EB
≈ Ambrosia Ivory
- F4F9E1
≈ Chilean Heath
Bộ ba +120° +240°
- FFF5DE
Creamy Cloud Dreams
- E2FBFF
≈ Calm Waters
- FFF0FE
≈ Lovely Euphoric Delight
Bổ túc chia +150° +210°
- FFF5DE
Creamy Cloud Dreams
- EDF8FF
≈ Alice Blue
- F7F4FF
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- FFF5DE
Creamy Cloud Dreams
- E0FDF5
≈ Mint Condition
- F2F6FF
≈ Cotton Ball
- FFF2F6
≈ Glimpse of Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.08:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.36:1 · APCA Lc 102
Màu chữ tốt nhất: #000000
WCAG 19.36:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--creamy-cloud-dreams: #fff5de;
--creamy-cloud-dreams-rgb: 255 245 222;
--creamy-cloud-dreams-oklch: oklch(0.972 0.032 87.3);
}
.element {
color: var(--creamy-cloud-dreams);
background-color: hsl(42 100% 94%);
border-color: oklch(0.972 0.032 87.3);
}Tailwind CSS v4
@theme {
--color-creamy-cloud-dreams: #fff5de;
--color-creamy-cloud-dreams-50: #f9f5eb;
--color-creamy-cloud-dreams-100: #ece8dc;
--color-creamy-cloud-dreams-200: #dad4c5;
--color-creamy-cloud-dreams-300: #beb7a5;
--color-creamy-cloud-dreams-400: #a69e89;
--color-creamy-cloud-dreams-500: #8f856e;
--color-creamy-cloud-dreams-600: #79715e;
--color-creamy-cloud-dreams-700: #615a4b;
--color-creamy-cloud-dreams-800: #474236;
--color-creamy-cloud-dreams-900: #312d25;
--color-creamy-cloud-dreams-950: #1d1a13;
}SCSS
$creamy-cloud-dreams: #fff5de;
$creamy-cloud-dreams-rgb: 255, 245, 222;
$creamy-cloud-dreams-light: mix(#fff, $creamy-cloud-dreams, 20%);
$creamy-cloud-dreams-dark: mix(#000, $creamy-cloud-dreams, 20%);
.element {
color: $creamy-cloud-dreams;
box-shadow: 0 0 0 2px rgba($creamy-cloud-dreams, 0.35);
}