Màu có tên gần nhất · #F5D5EB
#F5D5EB
Màu có tên gần nhất: Sweet Dreams
#F5D5EB (rgb(245 213 235), hsl(319 62% 90%), oklch(0.906 0.046 337.3)) gần nhất với màu có tên Sweet 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.
#F5D5EB
oklch(0.906 0.046 337.3)
Chuyển đổi màu
- HEX
- #f5d5eb
- RGB
- rgb(245 213 235)
- HSL
- hsl(319 62% 90%)
- HWB
- hwb(319 84% 4%)
- OKLCH
- oklch(0.906 0.046 337.3)
- OKLab
- oklab(0.906 0.042 -0.018)
- CIE Lab
- lab(88.47 14.22 -6.52)
- LCH
- lch(88.47 15.64 335.4)
- CMYK
- cmyk(0% 13% 4% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F6D9ED
- F7DDEF
- F8E2F1
- F9E6F3
- FAEAF5
- FBEEF7
- FCF2F9
- FDF7FB
- FEFBFD
Sắc đậm
- D5B9CC
- B69EAE
- 988391
- 7B6A75
- 5F515B
- 443A41
- 2B2429
- 151013
- 030203
Sắc xám
- E9CCE0
- DDC3D5
- D1BBCA
- C5B2BF
- B9AAB4
- ADA1A9
- A2999F
- 969094
- 8B888A
Hòa sắc
Bổ túc +180°
- F5D5EB
Sweet Dreams
- C8EAD4
≈ Glacial Water Green
Tương đồng -30° +30°
- F5D5EB
Sweet Dreams
- E8D9F8
≈ Pouty Purple
- FCD4DA
≈ Pink Fluorite
Bộ ba +120° +240°
- F5D5EB
Sweet Dreams
- E8E1BF
≈ Swan Dance
- BFE8F4
≈ First of July
Bổ túc chia +150° +210°
- F5D5EB
Sweet Dreams
- D8E6C6
≈ Flower Bulb
- BFEAE5
≈ Pool Party
Bộ bốn +90° +180° +270°
- F5D5EB
Sweet Dreams
- F5DBC1
≈ Buenos Aires
- C8EAD4
≈ Glacial Water Green
- C9E4FD
≈ Fresh Water
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.34:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.59:1 · APCA Lc 87
Màu chữ tốt nhất: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-dreams: #f5d5eb;
--sweet-dreams-rgb: 245 213 235;
--sweet-dreams-oklch: oklch(0.906 0.046 337.3);
}
.element {
color: var(--sweet-dreams);
background-color: hsl(319 62% 90%);
border-color: oklch(0.906 0.046 337.3);
}Tailwind CSS v4
@theme {
--color-sweet-dreams: #f5d5eb;
--color-sweet-dreams-50: #fff0f9;
--color-sweet-dreams-100: #f3e2ed;
--color-sweet-dreams-200: #e2cddb;
--color-sweet-dreams-300: #c8afbf;
--color-sweet-dreams-400: #b195a8;
--color-sweet-dreams-500: #9b7b91;
--color-sweet-dreams-600: #83687b;
--color-sweet-dreams-700: #695362;
--color-sweet-dreams-800: #4d3d49;
--color-sweet-dreams-900: #352a32;
--color-sweet-dreams-950: #20171e;
}SCSS
$sweet-dreams: #f5d5eb;
$sweet-dreams-rgb: 245, 213, 235;
$sweet-dreams-light: mix(#fff, $sweet-dreams, 20%);
$sweet-dreams-dark: mix(#000, $sweet-dreams, 20%);
.element {
color: $sweet-dreams;
box-shadow: 0 0 0 2px rgba($sweet-dreams, 0.35);
}