Cor nomeada · #EFB4CA
Fairy Tale
Fairy Tale é #EFB4CA: rgb(239 180 202), hsl(338 65% 82%), oklch(0.83 0.074 354.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fairy Tale color name →
#EFB4CA
oklch(0.83 0.074 354.6)
Conversões de cor
- HEX
- #efb4ca
- RGB
- rgb(239 180 202)
- HSL
- hsl(338 65% 82%)
- HWB
- hwb(338 71% 6%)
- OKLCH
- oklch(0.83 0.074 354.6)
- OKLab
- oklab(0.83 0.073 -0.007)
- CIE Lab
- lab(79.33 24.48 -2.37)
- LCH
- lch(79.33 24.59 354.5)
- CMYK
- cmyk(0% 25% 15% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1BBCF
- F3C3D4
- F5CADA
- F7D2DF
- F8D9E4
- FAE1EA
- FBE8EF
- FDF0F4
- FEF7FA
Sombras
- D09CAF
- B18595
- 946E7C
- 785864
- 5C444D
- 423037
- 2A1D22
- 140C0F
- 030202
Tons
- E4AFC2
- D8AABB
- CDA4B3
- C29FAC
- B79AA4
- AC959D
- A19096
- 968A8E
- 8B8587
Harmonias de cor
Complementar +180°
- EFB4CA
Fairy Tale
- 94D8C4
≈ Chloride
Análoga -30° +30°
- EFB4CA
Fairy Tale
- E0B7E2
≈ French Lilac
- F4B5B0
≈ Old Flame
Tríade +120° +240°
- EFB4CA
Fairy Tale
- C6CD96
≈ Dancing Green
- 98D0F1
≈ Fail Whale
Complementar dividida +150° +210°
- EFB4CA
Fairy Tale
- AAD5AA
≈ Frugal
- 8CD6DE
≈ Vibrant Soft Blue
Tétrade +90° +180° +270°
- EFB4CA
Fairy Tale
- DEC490
≈ Farina
- 94D8C4
≈ Chloride
- B0C7F8
≈ Night Snow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 12.05:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--fairy-tale: #efb4ca;
--fairy-tale-rgb: 239 180 202;
--fairy-tale-oklch: oklch(0.83 0.074 354.6);
}
.element {
color: var(--fairy-tale);
background-color: hsl(338 65% 82%);
border-color: oklch(0.83 0.074 354.6);
}Tailwind CSS v4
@theme {
--color-fairy-tale: #efb4ca;
--color-fairy-tale-50: #ffedf5;
--color-fairy-tale-100: #fedee8;
--color-fairy-tale-200: #f0c8d5;
--color-fairy-tale-300: #d8a8b8;
--color-fairy-tale-400: #c28da1;
--color-fairy-tale-500: #ad7289;
--color-fairy-tale-600: #926074;
--color-fairy-tale-700: #754d5d;
--color-fairy-tale-800: #563845;
--color-fairy-tale-900: #3c262f;
--color-fairy-tale-950: #26141c;
}SCSS
$fairy-tale: #efb4ca;
$fairy-tale-rgb: 239, 180, 202;
$fairy-tale-light: mix(#fff, $fairy-tale, 20%);
$fairy-tale-dark: mix(#000, $fairy-tale, 20%);
.element {
color: $fairy-tale;
box-shadow: 0 0 0 2px rgba($fairy-tale, 0.35);
}