Colore con nome più vicino · #566608
#566608
Colore con nome più vicino: Serrano Pepper
#566608 (rgb(86 102 8), hsl(70 85% 22%), oklch(0.48 0.111 120)) è più vicino al colore con nome Serrano Pepper. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#566608
oklch(0.48 0.111 120)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 65752C
- 758345
- 85925C
- 95A173
- A6B089
- B7C0A0
- C9CFB8
- DADFCF
- EDEFE7
Ombre
- 4A5806
- 3E4A04
- 323C03
- 272F02
- 1C2301
- 121701
- 080C00
- 020400
- 000000
Toni
- 5A691F
- 5E6C2D
- 626E39
- 667145
- 6A744F
- 6E7659
- 737963
- 777B6D
- 7C7E76
Armonie di colore
Complementare +180°
- 566608
Serrano Pepper
- 684D92
≈ Grapes of Italy
Analogo -30° +30°
- 566608
Serrano Pepper
- 735A00
≈ Hot Mustard
- 236E3A
≈ San Felix
Triadico +120° +240°
- 566608
Serrano Pepper
- 006495
≈ Craving Cobalt
- 8E3F5B
≈ Quinacridone Magenta
Complementare divisa +150° +210°
- 566608
Serrano Pepper
- 46589C
≈ Nuthatch Back
- 80447B
≈ Visiona Red
Tetradico +90° +180° +270°
- 566608
Serrano Pepper
- 006A77
≈ Mary Blue
- 684D92
≈ Grapes of Italy
- 924236
≈ Persimmon Juice
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.36:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.29:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
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);
}