Color con nombre · #6CB506
Leaf Sheep
Leaf Sheep es #6CB506: rgb(108 181 6), hsl(85 94% 37%), oklch(0.698 0.194 132.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Leaf Sheep color name →
#6CB506
oklch(0.698 0.194 132.5)
Conversiones de color
- HEX
- #6cb506
- RGB
- rgb(108 181 6)
- HSL
- hsl(85 94% 37%)
- HWB
- hwb(85 2% 29%)
- OKLCH
- oklch(0.698 0.194 132.5)
- OKLab
- oklab(0.698 -0.131 0.143)
- CIE Lab
- lab(66.88 -41.15 65.27)
- LCH
- lch(66.88 77.16 122.2)
- CMYK
- cmyk(40% 0% 97% 29%)
Tintes · Sombras · Tonos
Tintes
- 7BBD3A
- 8AC556
- 98CC6E
- A7D484
- B5DB99
- C4E3AE
- D3EAC2
- E1F1D7
- F0F8EB
Sombras
- 5D9D04
- 4E8603
- 406F02
- 325901
- 254401
- 193000
- 0D1D00
- 040C00
- 000200
Tonos
- 6FB02A
- 71AB3B
- 74A649
- 76A153
- 789B5D
- 7A9665
- 7C916C
- 7D8B73
- 7F867A
Armonías de color
Complementario +180°
- 6CB506
Leaf Sheep
- C673F2
≈ Illicit Purple
Análogo -30° +30°
- 6CB506
Leaf Sheep
- B0A000
≈ Venom
- 00BA81
≈ Slime Girl
Triádico +120° +240°
- 6CB506
Leaf Sheep
- 48A1FF
≈ Blue Chaos
- FE5E7C
≈ Brink Pink
Complementario dividido +150° +210°
- 6CB506
Leaf Sheep
- 908DFF
≈ Lavender Blue Shadow
- EB64BE
≈ Crumbly Lipstick
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.24:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--leaf-sheep: #6cb506;
--leaf-sheep-rgb: 108 181 6;
--leaf-sheep-oklch: oklch(0.698 0.194 132.5);
}
.element {
color: var(--leaf-sheep);
background-color: hsl(85 94% 37%);
border-color: oklch(0.698 0.194 132.5);
}Tailwind CSS v4
@theme {
--color-leaf-sheep: #6cb506;
--color-leaf-sheep-50: #deffca;
--color-leaf-sheep-100: #cdf7b5;
--color-leaf-sheep-200: #b1e791;
--color-leaf-sheep-300: #8ccd62;
--color-leaf-sheep-400: #70b521;
--color-leaf-sheep-500: #4e9e00;
--color-leaf-sheep-600: #438500;
--color-leaf-sheep-700: #356b00;
--color-leaf-sheep-800: #294e00;
--color-leaf-sheep-900: #1c3600;
--color-leaf-sheep-950: #0c2100;
}SCSS
$leaf-sheep: #6cb506;
$leaf-sheep-rgb: 108, 181, 6;
$leaf-sheep-light: mix(#fff, $leaf-sheep, 20%);
$leaf-sheep-dark: mix(#000, $leaf-sheep, 20%);
.element {
color: $leaf-sheep;
box-shadow: 0 0 0 2px rgba($leaf-sheep, 0.35);
}