Couleur nommée la plus proche · #974D00
#974D00
Couleur nommée la plus proche: Warm Brown
#974D00 (rgb(151 77 0), hsl(31 100% 30%), oklch(0.502 0.123 55.7)) est la plus proche de la couleur nommée Warm Brown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#974D00
oklch(0.502 0.123 55.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- A25F29
- AD7043
- B8825B
- C39372
- CDA589
- D8B6A0
- E2C8B7
- ECDACF
- F5EDE7
Ombres
- 834200
- 6F3700
- 5C2C00
- 492200
- 371800
- 260F00
- 170700
- 080200
- 010000
Tons
- 96531C
- 94592B
- 925E38
- 906344
- 8E684F
- 8C6D59
- 897263
- 86776D
- 837C76
Harmonies de couleurs
Complémentaire +180°
- 974D00
Warm Brown
- 006C98
≈ Disarm
Analogue -30° +30°
- 974D00
Warm Brown
- 9E433D
≈ Queen’s Coat
- 7E5E00
≈ Hè Sè Brown
Triadique +120° +240°
- 974D00
Warm Brown
- 007561
≈ Tropical Rainforest
- 6B52A1
≈ Ultrapurple Merge
Complémentaire divisée +150° +210°
- 974D00
Warm Brown
- 00717B
≈ Iridescent Peacock
- 425FA9
≈ Kakitsubata Blue
Tétradique +90° +180° +270°
- 974D00
Warm Brown
- 2B7534
≈ Japanese Laurel
- 006C98
≈ Disarm
- 864889
≈ Prunella
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.21:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.37:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
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);
}