Colore con nome · #F2AEB1
Brain Pink
Brain Pink è #F2AEB1: rgb(242 174 177), hsl(357 72% 82%), oklch(0.815 0.08 16). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Brain Pink color name →
#F2AEB1
oklch(0.815 0.08 16)
Conversioni di colore
- HEX
- #f2aeb1
- RGB
- rgb(242 174 177)
- HSL
- hsl(357 72% 82%)
- HWB
- hwb(357 68% 5%)
- OKLCH
- oklch(0.815 0.08 16)
- OKLab
- oklab(0.815 0.077 0.022)
- CIE Lab
- lab(77.74 25.91 8.89)
- LCH
- lch(77.74 27.4 18.9)
- CMYK
- cmyk(0% 28% 27% 5%)
Tinte · Ombre · Toni
Tinte
- F4B6B9
- F6BEC0
- F7C6C8
- F9CED0
- FAD6D7
- FBDFDF
- FDE7E7
- FEEFEF
- FEF7F7
Ombre
- D29799
- B48083
- 966A6C
- 795557
- 5E4142
- 432E2F
- 2B1C1C
- 140B0C
- 030101
Toni
- E6A9AC
- DBA5A7
- CFA0A2
- C49C9D
- B99798
- AD9393
- A28E8E
- 97898A
- 8B8585
Armonie di colore
Complementare +180°
- F2AEB1
Brain Pink
- 81D3D4
≈ Belize
Analogo -30° +30°
- F2AEB1
Brain Pink
- EAAECE
≈ Roses in the Snow
- EFB397
≈ Posh Peach
Triadico +120° +240°
- F2AEB1
Brain Pink
- ACCF9B
≈ Relaxation Green
- A1C5F6
≈ Sail to the Sea
Complementare divisa +150° +210°
- F2AEB1
Brain Pink
- 90D4B7
≈ Larimar Green
- 89CEEA
≈ Afternoon Sky
Tetradico +90° +180° +270°
- F2AEB1
Brain Pink
- C9C68A
≈ Tyrant Skull
- 81D3D4
≈ Belize
- BEBCF5
≈ Purple Illusion
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.46:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--brain-pink: #f2aeb1;
--brain-pink-rgb: 242 174 177;
--brain-pink-oklch: oklch(0.815 0.08 16);
}
.element {
color: var(--brain-pink);
background-color: hsl(357 72% 82%);
border-color: oklch(0.815 0.08 16);
}Tailwind CSS v4
@theme {
--color-brain-pink: #f2aeb1;
--color-brain-pink-50: #ffedec;
--color-brain-pink-100: #ffdede;
--color-brain-pink-200: #f5c7c7;
--color-brain-pink-300: #dea7a8;
--color-brain-pink-400: #c98b8e;
--color-brain-pink-500: #b57074;
--color-brain-pink-600: #995f62;
--color-brain-pink-700: #7b4c4e;
--color-brain-pink-800: #5b373a;
--color-brain-pink-900: #402528;
--color-brain-pink-950: #281416;
}SCSS
$brain-pink: #f2aeb1;
$brain-pink-rgb: 242, 174, 177;
$brain-pink-light: mix(#fff, $brain-pink, 20%);
$brain-pink-dark: mix(#000, $brain-pink, 20%);
.element {
color: $brain-pink;
box-shadow: 0 0 0 2px rgba($brain-pink, 0.35);
}