Najbliższy nazwany kolor · #FADEDC
#FADEDC
Najbliższy nazwany kolor: Rosewater
#FADEDC (rgb(250 222 220), hsl(4 75% 92%), oklch(0.923 0.031 22.6)) jest najbliższy nazwanemu kolorowi Rosewater. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FADEDC
oklch(0.923 0.031 22.6)
Konwersje koloru
- HEX
- #fadedc
- RGB
- rgb(250 222 220)
- HSL
- hsl(4 75% 92%)
- HWB
- hwb(4 86% 2%)
- OKLCH
- oklch(0.923 0.031 22.6)
- OKLab
- oklab(0.923 0.029 0.012)
- CIE Lab
- lab(90.77 9.73 4.7)
- LCH
- lch(90.77 10.81 25.8)
- CMYK
- cmyk(0% 11% 12% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE1DF
- FBE5E3
- FCE8E6
- FCEBEA
- FDEEED
- FDF2F1
- FEF5F4
- FEF8F8
- FFFCFB
Odcienie ciemniejsze
- D9C1BF
- BAA5A3
- 9B8988
- 7D6F6E
- 615554
- 463D3C
- 2D2626
- 151211
- 030202
Tony
- EDD4D2
- E1CAC9
- D4C1BF
- C8B7B6
- BBAEAD
- AFA5A4
- A39B9B
- 979292
- 8C8989
Harmonie kolorów
Komplementarna +180°
- FADEDC
Rosewater
- CFECEF
≈ Sprinkled With Dew
Analogowa -30° +30°
- FADEDC
Rosewater
- F7DEE7
≈ Wishy-Washy Lilies
- F7E0D3
≈ Delicate Rose
Triada +120° +240°
- FADEDC
Rosewater
- DAEBD8
≈ Chic Green
- DBE6FB
≈ Cloudless
Komplementarna rozszczepiona +150° +210°
- FADEDC
Rosewater
- D2EDE3
≈ Warm Winter
- D2EAF7
≈ Freezing Vapour
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.54:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosewater: #fadedc;
--rosewater-rgb: 250 222 220;
--rosewater-oklch: oklch(0.923 0.031 22.6);
}
.element {
color: var(--rosewater);
background-color: hsl(4 75% 92%);
border-color: oklch(0.923 0.031 22.6);
}Tailwind CSS v4
@theme {
--color-rosewater: #fadedc;
--color-rosewater-50: #fef2f1;
--color-rosewater-100: #f2e4e3;
--color-rosewater-200: #e1cfce;
--color-rosewater-300: #c7b2af;
--color-rosewater-400: #b09896;
--color-rosewater-500: #9a7e7d;
--color-rosewater-600: #826b6a;
--color-rosewater-700: #685654;
--color-rosewater-800: #4d3e3e;
--color-rosewater-900: #352b2a;
--color-rosewater-950: #201818;
}SCSS
$rosewater: #fadedc;
$rosewater-rgb: 250, 222, 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);
}