Couleur nommée la plus proche · #566608
#566608
Couleur nommée la plus proche: Serrano Pepper
#566608 (rgb(86 102 8), hsl(70 85% 22%), oklch(0.48 0.111 120)) 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.
#566608
oklch(0.48 0.111 120)
Conversions de couleur
- HEX
- #566608
- RGB
- rgb(86 102 8)
- HSL
- hsl(70 85% 22%)
- HWB
- hwb(70 3% 60%)
- OKLCH
- oklch(0.48 0.111 120)
- OKLab
- oklab(0.48 -0.055 0.096)
- CIE Lab
- lab(40.59 -15.37 43.92)
- LCH
- lch(40.59 46.53 109.3)
- CMYK
- cmyk(16% 0% 92% 60%)
Teintes · Ombres · Tons
Teintes
- 65752C
- 758345
- 85925C
- 95A173
- A6B089
- B7C0A0
- C9CFB8
- DADFCF
- EDEFE7
Ombres
- 4A5806
- 3E4A04
- 323C03
- 272F02
- 1C2301
- 121701
- 080C00
- 020400
- 000000
Tons
- 5A691F
- 5E6C2D
- 626E39
- 667145
- 6A744F
- 6E7659
- 737963
- 777B6D
- 7C7E76
Harmonies de couleurs
Complémentaire +180°
- 566608
Serrano Pepper
- 684D92
≈ Grapes of Italy
Analogue -30° +30°
- 566608
Serrano Pepper
- 735A00
≈ Hot Mustard
- 236E3A
≈ San Felix
Triadique +120° +240°
- 566608
Serrano Pepper
- 006495
≈ Craving Cobalt
- 8E3F5B
≈ Quinacridone Magenta
Complémentaire divisée +150° +210°
- 566608
Serrano Pepper
- 46589C
≈ Nuthatch Back
- 80447B
≈ Visiona Red
Tétradique +90° +180° +270°
- 566608
Serrano Pepper
- 006A77
≈ Mary Blue
- 684D92
≈ Grapes of Italy
- 924236
≈ Persimmon Juice
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.36:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.29:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--serrano-pepper: #566608;
--serrano-pepper-rgb: 86 102 8;
--serrano-pepper-oklch: oklch(0.48 0.111 120);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(70 85% 22%);
border-color: oklch(0.48 0.111 120);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #566608;
--color-serrano-pepper-50: #effbd8;
--color-serrano-pepper-100: #e1eec6;
--color-serrano-pepper-200: #ccdca8;
--color-serrano-pepper-300: #aec181;
--color-serrano-pepper-400: #96a85a;
--color-serrano-pepper-500: #7d9032;
--color-serrano-pepper-600: #6a7a2c;
--color-serrano-pepper-700: #556223;
--color-serrano-pepper-800: #3f4716;
--color-serrano-pepper-900: #2b310e;
--color-serrano-pepper-950: #191d02;
}SCSS
$serrano-pepper: #566608;
$serrano-pepper-rgb: 86, 102, 8;
$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);
}