Nazwany kolor · #F3DAE1
Fancy Pants
Fancy Pants to #F3DAE1: rgb(243 218 225), hsl(343 51% 90%), oklch(0.911 0.029 358.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fancy Pants color name →
#F3DAE1
oklch(0.911 0.029 358.8)
Konwersje koloru
- HEX
- #f3dae1
- RGB
- rgb(243 218 225)
- HSL
- hsl(343 51% 90%)
- HWB
- hwb(343 85% 5%)
- OKLCH
- oklch(0.911 0.029 358.8)
- OKLab
- oklab(0.911 0.029 -0.001)
- CIE Lab
- lab(89.28 9.78 -0.13)
- LCH
- lch(89.28 9.78 359.2)
- CMYK
- cmyk(0% 10% 7% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4DEE4
- F6E1E7
- F7E5EA
- F8E9ED
- F9ECF0
- FAF0F3
- FCF4F6
- FDF8F9
- FEFBFC
Odcienie ciemniejsze
- D3BDC4
- B4A2A7
- 97878B
- 7A6C70
- 5E5456
- 443C3E
- 2B2527
- 141112
- 030202
Tony
- E7D1D7
- DBC7CD
- CFBEC3
- C4B5B9
- B8ACAF
- ADA3A6
- A19A9C
- 969193
- 8B8989
Harmonie kolorów
Komplementarna +180°
- F3DAE1
Fancy Pants
- CEE8E2
≈ Frosty White Blue
Analogowa -30° +30°
- F3DAE1
Fancy Pants
- EDDBEB
≈ Elfin Magic
- F4DBD7
≈ Fresco
Triada +120° +240°
- F3DAE1
Fancy Pants
- DFE5CF
≈ Willow Brook
- D1E5F3
≈ New Heights
Komplementarna rozszczepiona +150° +210°
- F3DAE1
Fancy Pants
- D5E7D7
≈ Splashdown
- CCE7EC
≈ Ethereal Mood
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.92:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--fancy-pants: #f3dae1;
--fancy-pants-rgb: 243 218 225;
--fancy-pants-oklch: oklch(0.911 0.029 358.8);
}
.element {
color: var(--fancy-pants);
background-color: hsl(343 51% 90%);
border-color: oklch(0.911 0.029 358.8);
}Tailwind CSS v4
@theme {
--color-fancy-pants: #f3dae1;
--color-fancy-pants-50: #fdf2f4;
--color-fancy-pants-100: #f1e4e7;
--color-fancy-pants-200: #e0cfd3;
--color-fancy-pants-300: #c5b2b6;
--color-fancy-pants-400: #ae989e;
--color-fancy-pants-500: #977f86;
--color-fancy-pants-600: #806b71;
--color-fancy-pants-700: #66565a;
--color-fancy-pants-800: #4b3e42;
--color-fancy-pants-900: #342b2e;
--color-fancy-pants-950: #20181b;
}SCSS
$fancy-pants: #f3dae1;
$fancy-pants-rgb: 243, 218, 225;
$fancy-pants-light: mix(#fff, $fancy-pants, 20%);
$fancy-pants-dark: mix(#000, $fancy-pants, 20%);
.element {
color: $fancy-pants;
box-shadow: 0 0 0 2px rgba($fancy-pants, 0.35);
}