Nazwany kolor · #FFA2AA
Strawberry Frappé
Strawberry Frappé to #FFA2AA: rgb(255 162 170), hsl(355 100% 82%), oklch(0.807 0.111 14.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Strawberry Frappé color name →
#FFA2AA
oklch(0.807 0.111 14.2)
Konwersje koloru
- HEX
- #ffa2aa
- RGB
- rgb(255 162 170)
- HSL
- hsl(355 100% 82%)
- HWB
- hwb(355 64% 0%)
- OKLCH
- oklch(0.807 0.111 14.2)
- OKLab
- oklab(0.807 0.107 0.027)
- CIE Lab
- lab(76.43 36.09 11.11)
- LCH
- lch(76.43 37.76 17.1)
- CMYK
- cmyk(0% 36% 33% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFACB2
- FFB5BB
- FFBEC3
- FFC8CB
- FFD1D4
- FFDADC
- FFE3E5
- FFEDEE
- FFF6F6
Odcienie ciemniejsze
- DE8C93
- BE777D
- 9E6368
- 804F53
- 633C3F
- 482A2D
- 2E191B
- 160A0B
- 030101
Tony
- F29FA6
- E69CA2
- D9999D
- CC9599
- C09295
- B38E91
- A68B8C
- 9A8788
- 8D8484
Harmonie kolorów
Komplementarna +180°
- FFA2AA
Strawberry Frappé
- 58D6D5
≈ Neon Nazar
Analogowa -30° +30°
- FFA2AA
Strawberry Frappé
- F3A3D1
≈ Violet Kiss
- FCA984
≈ Peach Fizz
Triada +120° +240°
- FFA2AA
Strawberry Frappé
- A2D086
≈ Greenscape
- 94C4FF
≈ Pastel Blue
Komplementarna rozszczepiona +150° +210°
- FFA2AA
Strawberry Frappé
- 76D7AD
≈ Tadorna Teal
- 66CFF5
≈ Heisenberg Blue
Tetrada +90° +180° +270°
- FFA2AA
Strawberry Frappé
- CBC46C
≈ Mung Bean
- 58D6D5
≈ Neon Nazar
- B8B7FF
≈ Greyish Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.00:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--strawberry-frappe: #ffa2aa;
--strawberry-frappe-rgb: 255 162 170;
--strawberry-frappe-oklch: oklch(0.807 0.111 14.2);
}
.element {
color: var(--strawberry-frappe);
background-color: hsl(355 100% 82%);
border-color: oklch(0.807 0.111 14.2);
}Tailwind CSS v4
@theme {
--color-strawberry-frappe: #ffa2aa;
--color-strawberry-frappe-50: #ffe9ea;
--color-strawberry-frappe-100: #ffdadb;
--color-strawberry-frappe-200: #ffc2c4;
--color-strawberry-frappe-300: #eba0a4;
--color-strawberry-frappe-400: #d7828a;
--color-strawberry-frappe-500: #c4656f;
--color-strawberry-frappe-600: #a6565e;
--color-strawberry-frappe-700: #85444b;
--color-strawberry-frappe-800: #633138;
--color-strawberry-frappe-900: #452126;
--color-strawberry-frappe-950: #2d1015;
}SCSS
$strawberry-frappe: #ffa2aa;
$strawberry-frappe-rgb: 255, 162, 170;
$strawberry-frappe-light: mix(#fff, $strawberry-frappe, 20%);
$strawberry-frappe-dark: mix(#000, $strawberry-frappe, 20%);
.element {
color: $strawberry-frappe;
box-shadow: 0 0 0 2px rgba($strawberry-frappe, 0.35);
}