Couleur nommée la plus proche · #914D00
#914D00
Couleur nommée la plus proche: Warm Brown
#914D00 (rgb(145 77 0), hsl(32 100% 28%), oklch(0.493 0.118 58.3)) 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.
#914D00
oklch(0.493 0.118 58.3)
Conversions de couleur
- HEX
- #914d00
- RGB
- rgb(145 77 0)
- HSL
- hsl(32 100% 28%)
- HWB
- hwb(32 0% 43%)
- OKLCH
- oklch(0.493 0.118 58.3)
- OKLab
- oklab(0.493 0.062 0.1)
- CIE Lab
- lab(40.61 26.14 49.96)
- LCH
- lch(40.61 56.39 62.4)
- CMYK
- cmyk(0% 47% 100% 43%)
Teintes · Ombres · Tons
Teintes
- 9D5E29
- A87043
- B4815A
- BF9371
- CAA488
- D5B6A0
- DFC8B7
- EADACF
- F5ECE7
Ombres
- 7D4200
- 6A3700
- 582C00
- 462200
- 351800
- 250F00
- 150700
- 070200
- 010000
Tons
- 90531B
- 8F582B
- 8E5E38
- 8C6343
- 8B684E
- 896D58
- 877263
- 85776C
- 837B76
Harmonies de couleurs
Complémentaire +180°
- 914D00
Warm Brown
- 006898
≈ Europe Blue
Analogue -30° +30°
- 914D00
Warm Brown
- 994339
≈ Morocco Red
- 795D00
≈ Blackfire Earth
Triadique +120° +240°
- 914D00
Warm Brown
- 007261
≈ Falcon Turquoise
- 6A509A
≈ Parfait d’Amour
Complémentaire divisée +150° +210°
- 914D00
Warm Brown
- 006E7A
≈ Carnival Night
- 455CA4
≈ Bio Blue
Tétradique +90° +180° +270°
- 914D00
Warm Brown
- 267338
≈ Japanese Laurel
- 006898
≈ Europe Blue
- 844682
≈ Purpurite Red
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.43:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.26:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--warm-brown: #914d00;
--warm-brown-rgb: 145 77 0;
--warm-brown-oklch: oklch(0.493 0.118 58.3);
}
.element {
color: var(--warm-brown);
background-color: hsl(32 100% 28%);
border-color: oklch(0.493 0.118 58.3);
}Tailwind CSS v4
@theme {
--color-warm-brown: #914d00;
--color-warm-brown-50: #ffeed4;
--color-warm-brown-100: #ffe0c1;
--color-warm-brown-200: #fac9a2;
--color-warm-brown-300: #e4a979;
--color-warm-brown-400: #d28c54;
--color-warm-brown-500: #bf7028;
--color-warm-brown-600: #a15f25;
--color-warm-brown-700: #814c1d;
--color-warm-brown-800: #613614;
--color-warm-brown-900: #44250d;
--color-warm-brown-950: #2c1302;
}SCSS
$warm-brown: #914d00;
$warm-brown-rgb: 145, 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);
}