Cor nomeada · #9B2002
Garden Gnome Red
Garden Gnome Red é #9B2002: rgb(155 32 2), hsl(12 97% 31%), oklch(0.45 0.162 33.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Garden Gnome Red color name →
#9B2002
oklch(0.45 0.162 33.4)
Conversões de cor
- HEX
- #9b2002
- RGB
- rgb(155 32 2)
- HSL
- hsl(12 97% 31%)
- HWB
- hwb(12 1% 39%)
- OKLCH
- oklch(0.45 0.162 33.4)
- OKLab
- oklab(0.45 0.136 0.09)
- CIE Lab
- lab(34.66 49.67 47.69)
- LCH
- lch(34.66 68.86 43.8)
- CMYK
- cmyk(0% 79% 99% 39%)
Tons claros · Sombras · Tons
Tons claros
- A83C26
- B4533F
- BF6956
- CA7F6E
- D49485
- DEA99D
- E7BEB5
- EFD4CD
- F7E9E6
Sombras
- 861A01
- 721501
- 5E0F01
- 4B0A00
- 390600
- 280300
- 180100
- 090000
- 010000
Tons
- 9A2F19
- 993B28
- 974634
- 954F40
- 93584B
- 906156
- 8D6960
- 89716B
- 857876
Harmonias de cor
Complementar +180°
- 9B2002
Garden Gnome Red
- 00606F
≈ Cool Dive
Análoga -30° +30°
- 9B2002
Garden Gnome Red
- 971A4C
≈ Berry
- 7C4600
≈ Dusky Brown
Tríade +120° +240°
- 9B2002
Garden Gnome Red
- 006735
≈ Treasured Wilderness
- 3C46AD
≈ Night in Manchester
Complementar dividida +150° +210°
- 9B2002
Garden Gnome Red
- 00635A
≈ Dancing Peacock
- 005A8D
≈ Buccaneer Blue
Tétrade +90° +180° +270°
- 9B2002
Garden Gnome Red
- 495F00
≈ Camouflage Green
- 00606F
≈ Cool Dive
- 69359D
≈ Purple Heart
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.07:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.60:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--garden-gnome-red: #9b2002;
--garden-gnome-red-rgb: 155 32 2;
--garden-gnome-red-oklch: oklch(0.45 0.162 33.4);
}
.element {
color: var(--garden-gnome-red);
background-color: hsl(12 97% 31%);
border-color: oklch(0.45 0.162 33.4);
}Tailwind CSS v4
@theme {
--color-garden-gnome-red: #9b2002;
--color-garden-gnome-red-50: #ffe6d6;
--color-garden-gnome-red-100: #ffd5c3;
--color-garden-gnome-red-200: #ffbba5;
--color-garden-gnome-red-300: #ff987d;
--color-garden-gnome-red-400: #ee765c;
--color-garden-gnome-red-500: #dc5236;
--color-garden-gnome-red-600: #ba472f;
--color-garden-gnome-red-700: #963825;
--color-garden-gnome-red-800: #70271c;
--color-garden-gnome-red-900: #4f1a12;
--color-garden-gnome-red-950: #340a05;
}SCSS
$garden-gnome-red: #9b2002;
$garden-gnome-red-rgb: 155, 32, 2;
$garden-gnome-red-light: mix(#fff, $garden-gnome-red, 20%);
$garden-gnome-red-dark: mix(#000, $garden-gnome-red, 20%);
.element {
color: $garden-gnome-red;
box-shadow: 0 0 0 2px rgba($garden-gnome-red, 0.35);
}