Color con nombre · #7C8635
Sacred Sapling
Sacred Sapling es #7C8635: rgb(124 134 53), hsl(67 43% 37%), oklch(0.595 0.106 115.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Sacred Sapling color name →
#7C8635
oklch(0.595 0.106 115.6)
Conversiones de color
- HEX
- #7c8635
- RGB
- rgb(124 134 53)
- HSL
- hsl(67 43% 37%)
- HWB
- hwb(67 21% 47%)
- OKLCH
- oklch(0.595 0.106 115.6)
- OKLab
- oklab(0.595 -0.046 0.095)
- CIE Lab
- lab(53.8 -12.61 41.08)
- LCH
- lch(53.8 42.97 107.1)
- CMYK
- cmyk(7% 0% 60% 47%)
Tintes · Sombras · Tonos
Tintes
- 88924B
- 949E60
- A1A974
- AEB587
- BBC29B
- C8CEAF
- D6DAC3
- E3E6D6
- F1F3EB
Sombras
- 6B742D
- 5A6225
- 4A511D
- 3B4015
- 2C300E
- 1E2108
- 111303
- 050601
- 010100
Tonos
- 7C863F
- 7D8548
- 7D8550
- 7D8458
- 7E845F
- 7E8366
- 7E826D
- 7F8273
- 7F817A
Armonías de color
Complementario +180°
- 7C8635
Sacred Sapling
- 8471B7
≈ Purple Hebe
Análogo -30° +30°
- 7C8635
Sacred Sapling
- 9B7927
≈ Fernweh
- 528F57
≈ Belfast
Triádico +120° +240°
- 7C8635
Sacred Sapling
- 3288B5
≈ Blue Splash
- B06281
≈ Crushed Raspberry
Complementario dividido +150° +210°
- 7C8635
Sacred Sapling
- 607CBE
≈ Ultramarine Blue
- 9F67A1
≈ Royal Pretender
Tetrádico +90° +180° +270°
- 7C8635
Sacred Sapling
- 008F9C
≈ Coral Coast
- 8471B7
≈ Purple Hebe
- B5645D
≈ Pineapple Blossom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.94:1 · APCA Lc 67
Ag
AASobre negro
WCAG 5.31:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--sacred-sapling: #7c8635;
--sacred-sapling-rgb: 124 134 53;
--sacred-sapling-oklch: oklch(0.595 0.106 115.6);
}
.element {
color: var(--sacred-sapling);
background-color: hsl(67 43% 37%);
border-color: oklch(0.595 0.106 115.6);
}Tailwind CSS v4
@theme {
--color-sacred-sapling: #7c8635;
--color-sacred-sapling-50: #f2fad8;
--color-sacred-sapling-100: #e4edc6;
--color-sacred-sapling-200: #d0dba8;
--color-sacred-sapling-300: #b3bf80;
--color-sacred-sapling-400: #9ca65b;
--color-sacred-sapling-500: #838e32;
--color-sacred-sapling-600: #6f782c;
--color-sacred-sapling-700: #596023;
--color-sacred-sapling-800: #424616;
--color-sacred-sapling-900: #2e310e;
--color-sacred-sapling-950: #1b1d02;
}SCSS
$sacred-sapling: #7c8635;
$sacred-sapling-rgb: 124, 134, 53;
$sacred-sapling-light: mix(#fff, $sacred-sapling, 20%);
$sacred-sapling-dark: mix(#000, $sacred-sapling, 20%);
.element {
color: $sacred-sapling;
box-shadow: 0 0 0 2px rgba($sacred-sapling, 0.35);
}