Couleur nommée la plus proche · #5D6900
#5D6900
Couleur nommée la plus proche: Serrano Pepper
#5D6900 (rgb(93 105 0), hsl(67 100% 21%), oklch(0.493 0.114 117.3)) est la plus proche de la couleur nommée Serrano Pepper. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5D6900
oklch(0.493 0.114 117.3)
Conversions de couleur
- HEX
- #5d6900
- RGB
- rgb(93 105 0)
- HSL
- hsl(67 100% 21%)
- HWB
- hwb(67 0% 59%)
- OKLCH
- oklch(0.493 0.114 117.3)
- OKLab
- oklab(0.493 -0.052 0.101)
- CIE Lab
- lab(42.1 -13.84 47.3)
- LCH
- lch(42.1 49.28 106.3)
- CMYK
- cmyk(11% 0% 100% 59%)
Teintes · Ombres · Tons
Teintes
- 6B772A
- 7A8644
- 8A945B
- 9AA372
- AAB289
- BAC1A0
- CBD0B8
- DCE0CF
- EDEFE7
Ombres
- 505A00
- 434C00
- 373E00
- 2A3100
- 1F2400
- 141800
- 0A0C00
- 030400
- 000000
Tons
- 606C1C
- 646E2C
- 677139
- 6A7344
- 6E754F
- 717859
- 757A63
- 797C6D
- 7C7E76
Harmonies de couleurs
Complémentaire +180°
- 5D6900
Serrano Pepper
- 695199
≈ Rollick
Analogue -30° +30°
- 5D6900
Serrano Pepper
- 7A5D00
≈ Hè Sè Brown
- 2B7239
≈ San Felix
Triadique +120° +240°
- 5D6900
Serrano Pepper
- 006997
≈ Hydra
- 934262
≈ Putnam Plum
Complémentaire divisée +150° +210°
- 5D6900
Serrano Pepper
- 445DA2
≈ Bio Blue
- 834882
≈ Visiona Red
Tétradique +90° +180° +270°
- 5D6900
Serrano Pepper
- 006E7A
≈ Carnival Night
- 695199
≈ Rollick
- 97443C
≈ Morocco Red
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.02:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.48:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--serrano-pepper: #5d6900;
--serrano-pepper-rgb: 93 105 0;
--serrano-pepper-oklch: oklch(0.493 0.114 117.3);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(67 100% 21%);
border-color: oklch(0.493 0.114 117.3);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #5d6900;
--color-serrano-pepper-50: #f1fad6;
--color-serrano-pepper-100: #e3eec4;
--color-serrano-pepper-200: #cedca5;
--color-serrano-pepper-300: #b0c07d;
--color-serrano-pepper-400: #99a755;
--color-serrano-pepper-500: #818f29;
--color-serrano-pepper-600: #6d7925;
--color-serrano-pepper-700: #57611e;
--color-serrano-pepper-800: #414712;
--color-serrano-pepper-900: #2d310b;
--color-serrano-pepper-950: #1a1d01;
}SCSS
$serrano-pepper: #5d6900;
$serrano-pepper-rgb: 93, 105, 0;
$serrano-pepper-light: mix(#fff, $serrano-pepper, 20%);
$serrano-pepper-dark: mix(#000, $serrano-pepper, 20%);
.element {
color: $serrano-pepper;
box-shadow: 0 0 0 2px rgba($serrano-pepper, 0.35);
}