Cor nomeada mais próxima · #974D00
#974D00
Cor nomeada mais próxima: Warm Brown
#974D00 (rgb(151 77 0), hsl(31 100% 30%), oklch(0.502 0.123 55.7)) é mais próxima da cor nomeada Warm Brown. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#974D00
oklch(0.502 0.123 55.7)
Conversões de cor
- HEX
- #974d00
- RGB
- rgb(151 77 0)
- HSL
- hsl(31 100% 30%)
- HWB
- hwb(31 0% 41%)
- OKLCH
- oklch(0.502 0.123 55.7)
- OKLab
- oklab(0.502 0.069 0.102)
- CIE Lab
- lab(41.54 28.74 51.06)
- LCH
- lch(41.54 58.59 60.6)
- CMYK
- cmyk(0% 49% 100% 41%)
Tons claros · Sombras · Tons
Tons claros
- A25F29
- AD7043
- B8825B
- C39372
- CDA589
- D8B6A0
- E2C8B7
- ECDACF
- F5EDE7
Sombras
- 834200
- 6F3700
- 5C2C00
- 492200
- 371800
- 260F00
- 170700
- 080200
- 010000
Tons
- 96531C
- 94592B
- 925E38
- 906344
- 8E684F
- 8C6D59
- 897263
- 86776D
- 837C76
Harmonias de cor
Complementar +180°
- 974D00
Warm Brown
- 006C98
≈ Disarm
Análoga -30° +30°
- 974D00
Warm Brown
- 9E433D
≈ Queen’s Coat
- 7E5E00
≈ Hè Sè Brown
Tríade +120° +240°
- 974D00
Warm Brown
- 007561
≈ Tropical Rainforest
- 6B52A1
≈ Ultrapurple Merge
Complementar dividida +150° +210°
- 974D00
Warm Brown
- 00717B
≈ Iridescent Peacock
- 425FA9
≈ Kakitsubata Blue
Tétrade +90° +180° +270°
- 974D00
Warm Brown
- 2B7534
≈ Japanese Laurel
- 006C98
≈ Disarm
- 864889
≈ Prunella
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.21:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.37:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--warm-brown: #974d00;
--warm-brown-rgb: 151 77 0;
--warm-brown-oklch: oklch(0.502 0.123 55.7);
}
.element {
color: var(--warm-brown);
background-color: hsl(31 100% 30%);
border-color: oklch(0.502 0.123 55.7);
}Tailwind CSS v4
@theme {
--color-warm-brown: #974d00;
--color-warm-brown-50: #ffedd3;
--color-warm-brown-100: #ffdfc0;
--color-warm-brown-200: #fdc8a1;
--color-warm-brown-300: #e7a877;
--color-warm-brown-400: #d68a52;
--color-warm-brown-500: #c26d25;
--color-warm-brown-600: #a45d22;
--color-warm-brown-700: #844a1b;
--color-warm-brown-800: #633513;
--color-warm-brown-900: #45240c;
--color-warm-brown-950: #2d1301;
}SCSS
$warm-brown: #974d00;
$warm-brown-rgb: 151, 77, 0;
$warm-brown-light: mix(#fff, $warm-brown, 20%);
$warm-brown-dark: mix(#000, $warm-brown, 20%);
.element {
color: $warm-brown;
box-shadow: 0 0 0 2px rgba($warm-brown, 0.35);
}