Cor nomeada mais próxima · #515F00
#515F00
Cor nomeada mais próxima: Serrano Pepper
#515F00 (rgb(81 95 0), hsl(69 100% 19%), oklch(0.457 0.108 119.2)) é mais próxima da cor nomeada Serrano Pepper. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#515F00
oklch(0.457 0.108 119.2)
Conversões de cor
- HEX
- #515f00
- RGB
- rgb(81 95 0)
- HSL
- hsl(69 100% 19%)
- HWB
- hwb(69 0% 63%)
- OKLCH
- oklch(0.457 0.108 119.2)
- OKLab
- oklab(0.457 -0.052 0.094)
- CIE Lab
- lab(37.9 -14.32 43.78)
- LCH
- lch(37.9 46.06 108.1)
- CMYK
- cmyk(15% 0% 100% 63%)
Tons claros · Sombras · Tons
Tons claros
- 606E27
- 707D41
- 818D58
- 929D6F
- A3AD87
- B5BD9E
- C7CDB6
- D9DDCE
- ECEEE6
Sombras
- 455200
- 3A4400
- 2F3800
- 242C00
- 1A2000
- 101500
- 070A00
- 020300
- 000000
Tons
- 55631A
- 5A6629
- 5E6936
- 636D41
- 68704C
- 6C7357
- 717761
- 767A6C
- 7B7D76
Harmonias de cor
Complementar +180°
- 515F00
Serrano Pepper
- 60488A
≈ Lords of the Night
Análoga -30° +30°
- 515F00
Serrano Pepper
- 6C5400
≈ Ayahuasca Vine
- 206734
≈ Swampland
Tríade +120° +240°
- 515F00
Serrano Pepper
- 005E8A
≈ Mamala Bay
- 853A56
≈ Ancient Royal Banner
Complementar dividida +150° +210°
- 515F00
Serrano Pepper
- 3F5393
≈ Crushed Velvet
- 773F74
≈ Spring Lobster Dye
Tétrade +90° +180° +270°
- 515F00
Serrano Pepper
- 00636F
≈ Blue Lagoon
- 60488A
≈ Lords of the Night
- 893C32
≈ Prairie Sand
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.03:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.98:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--serrano-pepper: #515f00;
--serrano-pepper-rgb: 81 95 0;
--serrano-pepper-oklch: oklch(0.457 0.108 119.2);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(69 100% 19%);
border-color: oklch(0.457 0.108 119.2);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #515f00;
--color-serrano-pepper-50: #f0fbd9;
--color-serrano-pepper-100: #e2eec6;
--color-serrano-pepper-200: #cddca9;
--color-serrano-pepper-300: #afc082;
--color-serrano-pepper-400: #97a85c;
--color-serrano-pepper-500: #7e9034;
--color-serrano-pepper-600: #6b7a2e;
--color-serrano-pepper-700: #556124;
--color-serrano-pepper-800: #404717;
--color-serrano-pepper-900: #2c310f;
--color-serrano-pepper-950: #191d03;
}SCSS
$serrano-pepper: #515f00;
$serrano-pepper-rgb: 81, 95, 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);
}