Cor nomeada mais próxima · #E2933B
#E2933B
Cor nomeada mais próxima: Soft Pumpkin
#E2933B (rgb(226 147 59), hsl(32 74% 56%), oklch(0.728 0.138 65)) é mais próxima da cor nomeada Soft Pumpkin. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E2933B
oklch(0.728 0.138 65)
Conversões de cor
- HEX
- #e2933b
- RGB
- rgb(226 147 59)
- HSL
- hsl(32 74% 56%)
- HWB
- hwb(32 23% 11%)
- OKLCH
- oklch(0.728 0.138 65)
- OKLab
- oklab(0.728 0.059 0.125)
- CIE Lab
- lab(68.1 25.42 57.05)
- LCH
- lch(68.1 62.46 66)
- CMYK
- cmyk(0% 35% 74% 11%)
Tons claros · Sombras · Tons
Tons claros
- E69E54
- E9A969
- EDB47D
- F0BF90
- F3CAA3
- F6D4B6
- F8DFC8
- FBEADA
- FDF4ED
Sombras
- C47F32
- A86C29
- 8C5921
- 714719
- 573611
- 3E2509
- 271604
- 120801
- 030100
Tons
- D89247
- CF9050
- C58F58
- BB8D60
- B18B66
- A8896C
- 9E8772
- 948577
- 8A827C
Harmonias de cor
Complementar +180°
- E2933B
Soft Pumpkin
- 51AFF8
≈ Adamantine Blue
Análoga -30° +30°
- E2933B
Soft Pumpkin
- F1856A
≈ Juicy Passionfruit
- C3A528
≈ Hey Pesto
Tríade +120° +240°
- E2933B
Soft Pumpkin
- 00C1B2
≈ Turquoise
- BB8FED
≈ Luminous Lavender
Complementar dividida +150° +210°
- E2933B
Soft Pumpkin
- 00BBD9
≈ Maldives
- 8E9FFD
≈ Periwinkle Blue
Tétrade +90° +180° +270°
- E2933B
Soft Pumpkin
- 53C080
≈ Heart Chakra
- 51AFF8
≈ Adamantine Blue
- DC84CA
≈ Pink Punk
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.47:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.47:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--soft-pumpkin: #e2933b;
--soft-pumpkin-rgb: 226 147 59;
--soft-pumpkin-oklch: oklch(0.728 0.138 65);
}
.element {
color: var(--soft-pumpkin);
background-color: hsl(32 74% 56%);
border-color: oklch(0.728 0.138 65);
}Tailwind CSS v4
@theme {
--color-soft-pumpkin: #e2933b;
--color-soft-pumpkin-50: #ffeecc;
--color-soft-pumpkin-100: #ffe0b7;
--color-soft-pumpkin-200: #fdc994;
--color-soft-pumpkin-300: #e7a967;
--color-soft-pumpkin-400: #d68b39;
--color-soft-pumpkin-500: #c36e00;
--color-soft-pumpkin-600: #a45e00;
--color-soft-pumpkin-700: #844b00;
--color-soft-pumpkin-800: #633500;
--color-soft-pumpkin-900: #452500;
--color-soft-pumpkin-950: #2d1300;
}SCSS
$soft-pumpkin: #e2933b;
$soft-pumpkin-rgb: 226, 147, 59;
$soft-pumpkin-light: mix(#fff, $soft-pumpkin, 20%);
$soft-pumpkin-dark: mix(#000, $soft-pumpkin, 20%);
.element {
color: $soft-pumpkin;
box-shadow: 0 0 0 2px rgba($soft-pumpkin, 0.35);
}