Couleur nommée la plus proche · #954300
#954300
Couleur nommée la plus proche: Otterly Brown
#954300 (rgb(149 67 0), hsl(27 100% 29%), oklch(0.482 0.128 49.6)) est la plus proche de la couleur nommée Otterly Brown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#954300
oklch(0.482 0.128 49.6)
Conversions de couleur
- HEX
- #954300
- RGB
- rgb(149 67 0)
- HSL
- hsl(27 100% 29%)
- HWB
- hwb(27 0% 42%)
- OKLCH
- oklch(0.482 0.128 49.6)
- OKLab
- oklab(0.482 0.083 0.098)
- CIE Lab
- lab(39.09 33.04 49.61)
- LCH
- lch(39.09 59.6 56.3)
- CMYK
- cmyk(0% 55% 100% 42%)
Teintes · Ombres · Tons
Teintes
- A15628
- AC6841
- B87B59
- C38D70
- CDA087
- D8B39F
- E2C5B6
- ECD8CE
- F6ECE6
Ombres
- 813900
- 6D2F00
- 5A2600
- 481D00
- 371400
- 260C00
- 160500
- 080100
- 010000
Tons
- 944A1A
- 93512A
- 915837
- 905E42
- 8E644D
- 8C6A58
- 897062
- 86756C
- 837B76
Harmonies de couleurs
Complémentaire +180°
- 954300
Otterly Brown
- 006789
≈ Pulsating Blue
Analogue -30° +30°
- 954300
Otterly Brown
- 993A40
≈ Shin Godzilla
- 7C5600
≈ Qahvei Brown
Triadique +120° +240°
- 954300
Otterly Brown
- 006F55
≈ Teal Dark Green
- 5E4EA1
≈ Ultrapurple Merge
Complémentaire divisée +150° +210°
- 954300
Otterly Brown
- 006C70
≈ Deep Lake
- 2F5CA5
≈ Miracle at Wrigley
Tétradique +90° +180° +270°
- 954300
Otterly Brown
- 316F20
≈ Green-Eyed Monster
- 006789
≈ Pulsating Blue
- 7D438B
≈ Nightly Violet
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.81:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.08:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--otterly-brown: #954300;
--otterly-brown-rgb: 149 67 0;
--otterly-brown-oklch: oklch(0.482 0.128 49.6);
}
.element {
color: var(--otterly-brown);
background-color: hsl(27 100% 29%);
border-color: oklch(0.482 0.128 49.6);
}Tailwind CSS v4
@theme {
--color-otterly-brown: #954300;
--color-otterly-brown-50: #ffecd4;
--color-otterly-brown-100: #ffddc1;
--color-otterly-brown-200: #ffc5a2;
--color-otterly-brown-300: #eca57a;
--color-otterly-brown-400: #db8656;
--color-otterly-brown-500: #c8682c;
--color-otterly-brown-600: #a95927;
--color-otterly-brown-700: #87471f;
--color-otterly-brown-800: #653316;
--color-otterly-brown-900: #47220e;
--color-otterly-brown-950: #2e1102;
}SCSS
$otterly-brown: #954300;
$otterly-brown-rgb: 149, 67, 0;
$otterly-brown-light: mix(#fff, $otterly-brown, 20%);
$otterly-brown-dark: mix(#000, $otterly-brown, 20%);
.element {
color: $otterly-brown;
box-shadow: 0 0 0 2px rgba($otterly-brown, 0.35);
}