Cor nomeada mais próxima · #C39248
#C39248
Cor nomeada mais próxima: Pizza
#C39248 (rgb(195 146 72), hsl(36 51% 52%), oklch(0.692 0.109 75.5)) é mais próxima da cor nomeada Pizza. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C39248
oklch(0.692 0.109 75.5)
Conversões de cor
- HEX
- #c39248
- RGB
- rgb(195 146 72)
- HSL
- hsl(36 51% 52%)
- HWB
- hwb(36 28% 24%)
- OKLCH
- oklch(0.692 0.109 75.5)
- OKLab
- oklab(0.692 0.027 0.105)
- CIE Lab
- lab(64.27 13.33 45.85)
- LCH
- lch(64.27 47.75 73.8)
- CMYK
- cmyk(0% 25% 63% 24%)
Tons claros · Sombras · Tons
Tons claros
- C99D5C
- CFA86F
- D6B382
- DCBD94
- E2C8A6
- E8D3B7
- EEDEC9
- F3E9DB
- F9F4ED
Sombras
- A97E3D
- 906B33
- 785829
- 60461F
- 4A3516
- 34250D
- 201606
- 0E0802
- 020100
Tons
- BC9050
- B68F57
- AF8D5E
- A88C63
- A28A69
- 9B886E
- 948673
- 8D8477
- 87827C
Harmonias de cor
Complementar +180°
- C39248
Pizza
- 6D9EDF
≈ Windjammer
Análoga -30° +30°
- C39248
Pizza
- D48661
≈ Harvest Time
- A6A04A
≈ Reed Green
Tríade +120° +240°
Complementar dividida +150° +210°
- C39248
Pizza
- 41AACF
≈ Maximum Blue
- 9692DD
≈ Portage
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.52:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--pizza: #c39248;
--pizza-rgb: 195 146 72;
--pizza-oklch: oklch(0.692 0.109 75.5);
}
.element {
color: var(--pizza);
background-color: hsl(36 51% 52%);
border-color: oklch(0.692 0.109 75.5);
}Tailwind CSS v4
@theme {
--color-pizza: #c39248;
--color-pizza-50: #fff2d3;
--color-pizza-100: #fde4c0;
--color-pizza-200: #efcfa0;
--color-pizza-300: #d7b177;
--color-pizza-400: #c49550;
--color-pizza-500: #af7a20;
--color-pizza-600: #94681e;
--color-pizza-700: #775318;
--color-pizza-800: #593c10;
--color-pizza-900: #3e290a;
--color-pizza-950: #271700;
}SCSS
$pizza: #c39248;
$pizza-rgb: 195, 146, 72;
$pizza-light: mix(#fff, $pizza, 20%);
$pizza-dark: mix(#000, $pizza, 20%);
.element {
color: $pizza;
box-shadow: 0 0 0 2px rgba($pizza, 0.35);
}