Colore con nome più vicino · #5D6900
#5D6900
Colore con nome più vicino: Serrano Pepper
#5D6900 (rgb(93 105 0), hsl(67 100% 21%), oklch(0.493 0.114 117.3)) è più vicino al colore con nome Serrano Pepper. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5D6900
oklch(0.493 0.114 117.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6B772A
- 7A8644
- 8A945B
- 9AA372
- AAB289
- BAC1A0
- CBD0B8
- DCE0CF
- EDEFE7
Ombre
- 505A00
- 434C00
- 373E00
- 2A3100
- 1F2400
- 141800
- 0A0C00
- 030400
- 000000
Toni
- 606C1C
- 646E2C
- 677139
- 6A7344
- 6E754F
- 717859
- 757A63
- 797C6D
- 7C7E76
Armonie di colore
Complementare +180°
- 5D6900
Serrano Pepper
- 695199
≈ Rollick
Analogo -30° +30°
- 5D6900
Serrano Pepper
- 7A5D00
≈ Hè Sè Brown
- 2B7239
≈ San Felix
Triadico +120° +240°
- 5D6900
Serrano Pepper
- 006997
≈ Hydra
- 934262
≈ Putnam Plum
Complementare divisa +150° +210°
- 5D6900
Serrano Pepper
- 445DA2
≈ Bio Blue
- 834882
≈ Visiona Red
Tetradico +90° +180° +270°
- 5D6900
Serrano Pepper
- 006E7A
≈ Carnival Night
- 695199
≈ Rollick
- 97443C
≈ Morocco Red
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
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);
}