Colore con nome · #689938
Hidden Valley
Hidden Valley è #689938: rgb(104 153 56), hsl(90 46% 41%), oklch(0.627 0.138 132). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hidden Valley color name →
#689938
oklch(0.627 0.138 132)
Conversioni di colore
- HEX
- #689938
- RGB
- rgb(104 153 56)
- HSL
- hsl(90 46% 41%)
- HWB
- hwb(90 22% 40%)
- OKLCH
- oklch(0.627 0.138 132)
- OKLab
- oklab(0.627 -0.093 0.103)
- CIE Lab
- lab(58.18 -29.47 43.92)
- LCH
- lch(58.18 52.89 123.9)
- CMYK
- cmyk(32% 0% 63% 40%)
Tinte · Ombre · Toni
Tinte
- 77A34F
- 85AD63
- 94B877
- A3C28A
- B2CC9E
- C1D6B1
- D0E0C4
- E0EBD8
- EFF5EB
Ombre
- 59842F
- 4B7027
- 3E5D1F
- 304A17
- 24380F
- 182708
- 0C1704
- 040801
- 000100
Toni
- 6B9742
- 6D944B
- 709253
- 72905B
- 758D62
- 778B68
- 79886F
- 7C8675
- 7E837A
Armonie di colore
Complementare +180°
- 689938
Hidden Valley
- A46DC4
≈ Rich Lavender
Analogo -30° +30°
- 689938
Hidden Valley
- 998A00
≈ Medusa Green
- 00A16E
≈ Surgeon
Triadico +120° +240°
- 689938
Hidden Valley
- 428BD9
≈ Oregon Blue
- CD6072
≈ Cherry Fruit
Complementare divisa +150° +210°
- 689938
Hidden Valley
- 7C7CD9
≈ Tanzine
- BF63A0
≈ Young Purple
Tetradico +90° +180° +270°
- 689938
Hidden Valley
- 0097BA
≈ Serene Blue
- A46DC4
≈ Rich Lavender
- CC683F
≈ Terracotta
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.38:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.20:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--hidden-valley: #689938;
--hidden-valley-rgb: 104 153 56;
--hidden-valley-oklch: oklch(0.627 0.138 132);
}
.element {
color: var(--hidden-valley);
background-color: hsl(90 46% 41%);
border-color: oklch(0.627 0.138 132);
}Tailwind CSS v4
@theme {
--color-hidden-valley: #689938;
--color-hidden-valley-50: #e5ffd7;
--color-hidden-valley-100: #d5f3c4;
--color-hidden-valley-200: #bce2a5;
--color-hidden-valley-300: #9ac77d;
--color-hidden-valley-400: #7faf55;
--color-hidden-valley-500: #629828;
--color-hidden-valley-600: #548124;
--color-hidden-valley-700: #43671d;
--color-hidden-valley-800: #324b10;
--color-hidden-valley-900: #22340a;
--color-hidden-valley-950: #112000;
}SCSS
$hidden-valley: #689938;
$hidden-valley-rgb: 104, 153, 56;
$hidden-valley-light: mix(#fff, $hidden-valley, 20%);
$hidden-valley-dark: mix(#000, $hidden-valley, 20%);
.element {
color: $hidden-valley;
box-shadow: 0 0 0 2px rgba($hidden-valley, 0.35);
}