Cor nomeada mais próxima · #EE506B
#EE506B
Cor nomeada mais próxima: Pink Pepper
#EE506B (rgb(238 80 107), hsl(350 82% 62%), oklch(0.654 0.193 14.3)) é mais próxima da cor nomeada Pink Pepper. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EE506B
oklch(0.654 0.193 14.3)
Conversões de cor
- HEX
- #ee506b
- RGB
- rgb(238 80 107)
- HSL
- hsl(350 82% 62%)
- HWB
- hwb(350 31% 7%)
- OKLCH
- oklch(0.654 0.193 14.3)
- OKLab
- oklab(0.654 0.187 0.048)
- CIE Lab
- lab(57.72 62.69 20.57)
- LCH
- lch(57.72 65.98 18.2)
- CMYK
- cmyk(0% 66% 55% 7%)
Tons claros · Sombras · Tons
Tons claros
- F26579
- F67887
- FA8A96
- FC9CA4
- FFADB3
- FFBDC2
- FFCED1
- FFDEE0
- FFEFEF
Sombras
- CF445C
- B1394E
- 932E3F
- 772432
- 5C1A25
- 421018
- 2A070D
- 140204
- 030000
Tons
- E4586D
- DA5F70
- D06572
- C66A74
- BB6F76
- B07378
- A5777A
- 997A7C
- 8D7D7E
Harmonias de cor
Complementar +180°
- EE506B
Pink Pepper
- 00A5A5
≈ Wax Crayon Blue
Análoga -30° +30°
- EE506B
Pink Pepper
- DD55AC
≈ Orion
- EA5F00
≈ Shu Red
Tríade +120° +240°
- EE506B
Pink Pepper
- 5AA800
≈ Ruminant’s Paradise
- 2A90FF
≈ Clear Chill
Complementar dividida +150° +210°
- EE506B
Pink Pepper
- 00AA7A
≈ Dragon Scale
- 009FC8
≈ Blue Ocean
Tétrade +90° +180° +270°
- EE506B
Pink Pepper
- 9F9400
≈ Papyrus
- 00A5A5
≈ Wax Crayon Blue
- 8779FF
≈ Bainganī
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.50:1 · APCA Lc 62
Ag
AASobre preto
WCAG 5.99:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 5.99:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--pink-pepper: #ee506b;
--pink-pepper-rgb: 238 80 107;
--pink-pepper-oklch: oklch(0.654 0.193 14.3);
}
.element {
color: var(--pink-pepper);
background-color: hsl(350 82% 62%);
border-color: oklch(0.654 0.193 14.3);
}Tailwind CSS v4
@theme {
--color-pink-pepper: #ee506b;
--color-pink-pepper-50: #ffdfe2;
--color-pink-pepper-100: #ffced2;
--color-pink-pepper-200: #ffb1b8;
--color-pink-pepper-300: #ff8a95;
--color-pink-pepper-400: #fb647a;
--color-pink-pepper-500: #e9375d;
--color-pink-pepper-600: #c5314f;
--color-pink-pepper-700: #9e273f;
--color-pink-pepper-800: #761a30;
--color-pink-pepper-900: #541120;
--color-pink-pepper-950: #370310;
}SCSS
$pink-pepper: #ee506b;
$pink-pepper-rgb: 238, 80, 107;
$pink-pepper-light: mix(#fff, $pink-pepper, 20%);
$pink-pepper-dark: mix(#000, $pink-pepper, 20%);
.element {
color: $pink-pepper;
box-shadow: 0 0 0 2px rgba($pink-pepper, 0.35);
}