Najbliższy nazwany kolor · #F5D5EB
#F5D5EB
Najbliższy nazwany kolor: Sweet Dreams
#F5D5EB (rgb(245 213 235), hsl(319 62% 90%), oklch(0.906 0.046 337.3)) jest najbliższy nazwanemu kolorowi Sweet Dreams. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F5D5EB
oklch(0.906 0.046 337.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6D9ED
- F7DDEF
- F8E2F1
- F9E6F3
- FAEAF5
- FBEEF7
- FCF2F9
- FDF7FB
- FEFBFD
Odcienie ciemniejsze
- D5B9CC
- B69EAE
- 988391
- 7B6A75
- 5F515B
- 443A41
- 2B2429
- 151013
- 030203
Tony
- E9CCE0
- DDC3D5
- D1BBCA
- C5B2BF
- B9AAB4
- ADA1A9
- A2999F
- 969094
- 8B888A
Harmonie kolorów
Komplementarna +180°
- F5D5EB
Sweet Dreams
- C8EAD4
≈ Glacial Water Green
Analogowa -30° +30°
- F5D5EB
Sweet Dreams
- E8D9F8
≈ Pouty Purple
- FCD4DA
≈ Pink Fluorite
Triada +120° +240°
- F5D5EB
Sweet Dreams
- E8E1BF
≈ Swan Dance
- BFE8F4
≈ First of July
Komplementarna rozszczepiona +150° +210°
- F5D5EB
Sweet Dreams
- D8E6C6
≈ Flower Bulb
- BFEAE5
≈ Pool Party
Tetrada +90° +180° +270°
- F5D5EB
Sweet Dreams
- F5DBC1
≈ Buenos Aires
- C8EAD4
≈ Glacial Water Green
- C9E4FD
≈ Fresh Water
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.59:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}