Cor nomeada · #F5C8BB
Sweet Angel
Sweet Angel é #F5C8BB: rgb(245 200 187), hsl(13 74% 85%), oklch(0.868 0.055 36.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sweet Angel color name →
#F5C8BB
oklch(0.868 0.055 36.7)
Conversões de cor
- HEX
- #f5c8bb
- RGB
- rgb(245 200 187)
- HSL
- hsl(13 74% 85%)
- HWB
- hwb(13 73% 4%)
- OKLCH
- oklch(0.868 0.055 36.7)
- OKLab
- oklab(0.868 0.044 0.033)
- CIE Lab
- lab(84.35 15.06 12.86)
- LCH
- lch(84.35 19.8 40.5)
- CMYK
- cmyk(0% 18% 24% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6CDC2
- F7D3C8
- F9D8CF
- FADED6
- FBE3DD
- FCE9E4
- FDEEEA
- FDF4F1
- FEF9F8
Sombras
- D5AEA2
- B6948A
- 987B73
- 7B635C
- 5F4C46
- 443632
- 2B211F
- 150F0D
- 030202
Tons
- E9C1B5
- DDB9AF
- D1B2A9
- C5ABA3
- B9A39D
- AE9C97
- A29591
- 978E8C
- 8B8786
Harmonias de cor
Complementar +180°
- F5C8BB
Sweet Angel
- ACDDEB
≈ Quiet Nook
Análoga -30° +30°
- F5C8BB
Sweet Angel
- F5C6CE
≈ Old Fashioned Pink
- EDCDAE
≈ Cosy Coverlet
Tríade +120° +240°
- F5C8BB
Sweet Angel
- B7DFC5
≈ Aqua Bay
- CAD1F8
≈ Pale Phthalo Blue
Complementar dividida +150° +210°
- F5C8BB
Sweet Angel
- ACE0D9
≈ Blue Light
- B8D8F6
≈ Oh Boy!
Tétrade +90° +180° +270°
- F5C8BB
Sweet Angel
- CADBB5
≈ Pallid Light Green
- ACDDEB
≈ Quiet Nook
- DDCBF1
≈ Plum’s the Word
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.86:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--sweet-angel: #f5c8bb;
--sweet-angel-rgb: 245 200 187;
--sweet-angel-oklch: oklch(0.868 0.055 36.7);
}
.element {
color: var(--sweet-angel);
background-color: hsl(13 74% 85%);
border-color: oklch(0.868 0.055 36.7);
}Tailwind CSS v4
@theme {
--color-sweet-angel: #f5c8bb;
--color-sweet-angel-50: #fff0ea;
--color-sweet-angel-100: #f9e2db;
--color-sweet-angel-200: #eacdc4;
--color-sweet-angel-300: #d1afa3;
--color-sweet-angel-400: #bc9488;
--color-sweet-angel-500: #a77a6d;
--color-sweet-angel-600: #8d675c;
--color-sweet-angel-700: #71524a;
--color-sweet-angel-800: #543c36;
--color-sweet-angel-900: #3a2925;
--color-sweet-angel-950: #241713;
}SCSS
$sweet-angel: #f5c8bb;
$sweet-angel-rgb: 245, 200, 187;
$sweet-angel-light: mix(#fff, $sweet-angel, 20%);
$sweet-angel-dark: mix(#000, $sweet-angel, 20%);
.element {
color: $sweet-angel;
box-shadow: 0 0 0 2px rgba($sweet-angel, 0.35);
}