Cor nomeada · #AF3519
Grilled Tomato
Grilled Tomato é #AF3519: rgb(175 53 25), hsl(11 75% 39%), oklch(0.508 0.163 34). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Grilled Tomato color name →
#AF3519
oklch(0.508 0.163 34)
Conversões de cor
- HEX
- #af3519
- RGB
- rgb(175 53 25)
- HSL
- hsl(11 75% 39%)
- HWB
- hwb(11 10% 31%)
- OKLCH
- oklch(0.508 0.163 34)
- OKLab
- oklab(0.508 0.135 0.091)
- CIE Lab
- lab(41.45 49.33 44.92)
- LCH
- lch(41.45 66.72 42.3)
- CMYK
- cmyk(0% 70% 86% 31%)
Tons claros · Sombras · Tons
Tons claros
- B94C34
- C3614B
- CD7661
- D58977
- DE9D8D
- E5B0A3
- EDC4BA
- F3D7D1
- F9EBE8
Sombras
- 982D14
- 812510
- 6B1D0B
- 561507
- 410E04
- 2E0802
- 1C0301
- 0B0100
- 010000
Tons
- AC4028
- A84934
- A5523F
- A15949
- 9C6153
- 98685C
- 936E65
- 8D746E
- 877A77
Harmonias de cor
Complementar +180°
- AF3519
Grilled Tomato
- 007285
≈ Glamour Green
Análoga -30° +30°
- AF3519
Grilled Tomato
- AC2F5B
≈ Jam Jar
- 925500
≈ Mochaccino
Tríade +120° +240°
- AF3519
Grilled Tomato
- 007A42
≈ Tokiwa Green
- 4C58C1
≈ Free Speech Blue
Complementar dividida +150° +210°
- AF3519
Grilled Tomato
- 00766B
≈ Hawk Turquoise
- 006BA7
≈ Indigo Bunting
Tétrade +90° +180° +270°
- AF3519
Grilled Tomato
- 577100
≈ Over the Hills
- 007285
≈ Glamour Green
- 7B47AF
≈ Harley Hair Purple
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.27:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.34:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--grilled-tomato: #af3519;
--grilled-tomato-rgb: 175 53 25;
--grilled-tomato-oklch: oklch(0.508 0.163 34);
}
.element {
color: var(--grilled-tomato);
background-color: hsl(11 75% 39%);
border-color: oklch(0.508 0.163 34);
}Tailwind CSS v4
@theme {
--color-grilled-tomato: #af3519;
--color-grilled-tomato-50: #ffe6d5;
--color-grilled-tomato-100: #ffd5c3;
--color-grilled-tomato-200: #ffbca4;
--color-grilled-tomato-300: #ff987c;
--color-grilled-tomato-400: #ee765a;
--color-grilled-tomato-500: #dd5233;
--color-grilled-tomato-600: #ba472d;
--color-grilled-tomato-700: #963824;
--color-grilled-tomato-800: #70271b;
--color-grilled-tomato-900: #4f1a11;
--color-grilled-tomato-950: #340a04;
}SCSS
$grilled-tomato: #af3519;
$grilled-tomato-rgb: 175, 53, 25;
$grilled-tomato-light: mix(#fff, $grilled-tomato, 20%);
$grilled-tomato-dark: mix(#000, $grilled-tomato, 20%);
.element {
color: $grilled-tomato;
box-shadow: 0 0 0 2px rgba($grilled-tomato, 0.35);
}