Couleur nommée la plus proche · #626511
#626511
Couleur nommée la plus proche: Serrano Pepper
#626511 (rgb(98 101 17), hsl(62 71% 23%), oklch(0.488 0.101 111.7)) 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.
#626511
oklch(0.488 0.101 111.7)
Conversions de couleur
- HEX
- #626511
- RGB
- rgb(98 101 17)
- HSL
- hsl(62 71% 23%)
- HWB
- hwb(62 7% 60%)
- OKLCH
- oklch(0.488 0.101 111.7)
- OKLab
- oklab(0.488 -0.037 0.094)
- CIE Lab
- lab(41.34 -9.03 42.64)
- LCH
- lch(41.34 43.59 102)
- CMYK
- cmyk(3% 0% 83% 60%)
Teintes · Ombres · Tons
Teintes
- 707430
- 7F8248
- 8E915F
- 9DA075
- ADB08B
- BCBFA2
- CDCFB9
- DDDFD0
- EEEFE7
Ombres
- 54570D
- 474909
- 3A3C06
- 2D2F04
- 212202
- 161701
- 0B0C00
- 030300
- 000000
Tons
- 656823
- 686B30
- 6A6E3C
- 6D7047
- 707351
- 73765B
- 767864
- 7A7B6D
- 7D7E77
Harmonies de couleurs
Complémentaire +180°
- 626511
Serrano Pepper
- 615494
≈ Purple Opulence
Analogue -30° +30°
- 626511
Serrano Pepper
- 7C5900
≈ Blackfire Earth
- 3C6E36
≈ Mount Hyjal
Triadique +120° +240°
- 626511
Serrano Pepper
- 00698E
≈ Pulsating Blue
- 8A4666
≈ Noble Tone
Complémentaire divisée +150° +210°
- 626511
Serrano Pepper
- 3F5F99
≈ Raftsman
- 7A4B82
≈ Lilac Violet
Tétradique +90° +180° +270°
- 626511
Serrano Pepper
- 006E74
≈ Teal Motif
- 615494
≈ Purple Opulence
- 904646
≈ Cowhide
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.19:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.38:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--serrano-pepper: #626511;
--serrano-pepper-rgb: 98 101 17;
--serrano-pepper-oklch: oklch(0.488 0.101 111.7);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(62 71% 23%);
border-color: oklch(0.488 0.101 111.7);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #626511;
--color-serrano-pepper-50: #f4f9d8;
--color-serrano-pepper-100: #e7ecc6;
--color-serrano-pepper-200: #d3daa8;
--color-serrano-pepper-300: #b6be81;
--color-serrano-pepper-400: #a0a45c;
--color-serrano-pepper-500: #888c34;
--color-serrano-pepper-600: #73772e;
--color-serrano-pepper-700: #5c5f24;
--color-serrano-pepper-800: #454517;
--color-serrano-pepper-900: #2f300f;
--color-serrano-pepper-950: #1c1c03;
}SCSS
$serrano-pepper: #626511;
$serrano-pepper-rgb: 98, 101, 17;
$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);
}