Cor nomeada mais próxima · #E18067
#E18067
Cor nomeada mais próxima: Peachy Feeling
#E18067 (rgb(225 128 103), hsl(12 67% 64%), oklch(0.7 0.126 35.4)) é mais próxima da cor nomeada Peachy Feeling. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E18067
oklch(0.7 0.126 35.4)
Conversões de cor
- HEX
- #e18067
- RGB
- rgb(225 128 103)
- HSL
- hsl(12 67% 64%)
- HWB
- hwb(12 40% 12%)
- OKLCH
- oklch(0.7 0.126 35.4)
- OKLab
- oklab(0.7 0.103 0.073)
- CIE Lab
- lab(64.2 36.56 30.73)
- LCH
- lch(64.2 47.76 40)
- CMYK
- cmyk(0% 43% 54% 12%)
Tons claros · Sombras · Tons
Tons claros
- E58D76
- E99A85
- EDA794
- F1B3A3
- F4C0B2
- F7CDC1
- F9D9D1
- FBE6E0
- FDF2EF
Sombras
- C46E59
- A75D4B
- 8B4D3D
- 703D30
- 562E23
- 3E1F17
- 27120C
- 120604
- 020100
Tons
- D8816A
- CE816D
- C58270
- BB8273
- B28275
- A88278
- 9F827A
- 95817C
- 8A817E
Harmonias de cor
Complementar +180°
- E18067
Peachy Feeling
- 00B1CF
≈ Aquarius
Análoga -30° +30°
- E18067
Peachy Feeling
- DF7B93
≈ Impatient Pink
- D38D40
≈ Buried Treasure
Tríade +120° +240°
- E18067
Peachy Feeling
- 54B57C
≈ Ming Green
- 8997EC
≈ Periwinkle Blue
Complementar dividida +150° +210°
- E18067
Peachy Feeling
- 00B7A9
≈ Verditer
- 54A5E7
≈ Cerulean
Tétrade +90° +180° +270°
- E18067
Peachy Feeling
- 8CAC50
≈ Lime It or Leave It
- 00B1CF
≈ Aquarius
- B189DD
≈ Middy’s Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--peachy-feeling: #e18067;
--peachy-feeling-rgb: 225 128 103;
--peachy-feeling-oklch: oklch(0.7 0.126 35.4);
}
.element {
color: var(--peachy-feeling);
background-color: hsl(12 67% 64%);
border-color: oklch(0.7 0.126 35.4);
}Tailwind CSS v4
@theme {
--color-peachy-feeling: #e18067;
--color-peachy-feeling-50: #ffeadc;
--color-peachy-feeling-100: #ffdaca;
--color-peachy-feeling-200: #ffc2ae;
--color-peachy-feeling-300: #f0a189;
--color-peachy-feeling-400: #de826a;
--color-peachy-feeling-500: #cb6349;
--color-peachy-feeling-600: #ac553e;
--color-peachy-feeling-700: #8a4331;
--color-peachy-feeling-800: #673024;
--color-peachy-feeling-900: #482118;
--color-peachy-feeling-950: #2f1009;
}SCSS
$peachy-feeling: #e18067;
$peachy-feeling-rgb: 225, 128, 103;
$peachy-feeling-light: mix(#fff, $peachy-feeling, 20%);
$peachy-feeling-dark: mix(#000, $peachy-feeling, 20%);
.element {
color: $peachy-feeling;
box-shadow: 0 0 0 2px rgba($peachy-feeling, 0.35);
}