Najbliższy nazwany kolor · #FFA2AD
#FFA2AD
Najbliższy nazwany kolor: Ballet Slippers
#FFA2AD (rgb(255 162 173), hsl(353 100% 82%), oklch(0.808 0.111 12.2)) jest najbliższy nazwanemu kolorowi Ballet Slippers. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFA2AD
oklch(0.808 0.111 12.2)
Konwersje koloru
- HEX
- #ffa2ad
- RGB
- rgb(255 162 173)
- HSL
- hsl(353 100% 82%)
- HWB
- hwb(353 64% 0%)
- OKLCH
- oklch(0.808 0.111 12.2)
- OKLab
- oklab(0.808 0.108 0.023)
- CIE Lab
- lab(76.49 36.35 9.56)
- LCH
- lch(76.49 37.59 14.7)
- CMYK
- cmyk(0% 36% 32% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFACB5
- FFB5BD
- FFBEC5
- FFC8CD
- FFD1D5
- FFDADE
- FFE3E6
- FFEDEE
- FFF6F7
Odcienie ciemniejsze
- DE8C96
- BE777F
- 9E636A
- 804F55
- 633C41
- 482A2D
- 2E191B
- 160A0B
- 030101
Tony
- F29FA8
- E69CA4
- D9999F
- CC959B
- C09296
- B38E92
- A68B8D
- 9A8789
- 8D8484
Harmonie kolorów
Komplementarna +180°
- FFA2AD
Ballet Slippers
- 59D7D3
≈ Hammam Blue
Analogowa -30° +30°
- FFA2AD
Ballet Slippers
- F2A3D4
≈ Violet Kiss
- FDA887
≈ Peach Fizz
Triada +120° +240°
- FFA2AD
Ballet Slippers
- A5D084
≈ Greenscape
- 91C5FF
≈ Clear Sky
Komplementarna rozszczepiona +150° +210°
- FFA2AD
Ballet Slippers
- 79D7AB
≈ Tadorna Teal
- 64D0F4
≈ Heisenberg Blue
Tetrada +90° +180° +270°
- FFA2AD
Ballet Slippers
- CEC36B
≈ Mung Bean
- 59D7D3
≈ Hammam Blue
- B6B9FF
≈ Greyish Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.02:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--ballet-slippers: #ffa2ad;
--ballet-slippers-rgb: 255 162 173;
--ballet-slippers-oklch: oklch(0.808 0.111 12.2);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(353 100% 82%);
border-color: oklch(0.808 0.111 12.2);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #ffa2ad;
--color-ballet-slippers-50: #ffe9eb;
--color-ballet-slippers-100: #ffdadc;
--color-ballet-slippers-200: #ffc1c6;
--color-ballet-slippers-300: #eaa0a6;
--color-ballet-slippers-400: #d7828d;
--color-ballet-slippers-500: #c46472;
--color-ballet-slippers-600: #a55561;
--color-ballet-slippers-700: #85444d;
--color-ballet-slippers-800: #633139;
--color-ballet-slippers-900: #452127;
--color-ballet-slippers-950: #2d1015;
}SCSS
$ballet-slippers: #ffa2ad;
$ballet-slippers-rgb: 255, 162, 173;
$ballet-slippers-light: mix(#fff, $ballet-slippers, 20%);
$ballet-slippers-dark: mix(#000, $ballet-slippers, 20%);
.element {
color: $ballet-slippers;
box-shadow: 0 0 0 2px rgba($ballet-slippers, 0.35);
}