Colore con nome · #117733
Nature’s Strength
Nature’s Strength è #117733: rgb(17 119 51), hsl(140 75% 27%), oklch(0.499 0.135 148.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nature’s Strength color name →
#117733
oklch(0.499 0.135 148.6)
Conversioni di colore
- HEX
- #117733
- RGB
- rgb(17 119 51)
- HSL
- hsl(140 75% 27%)
- HWB
- hwb(140 7% 53%)
- OKLCH
- oklch(0.499 0.135 148.6)
- OKLab
- oklab(0.499 -0.116 0.071)
- CIE Lab
- lab(43.58 -40.36 28.82)
- LCH
- lch(43.58 49.6 144.5)
- CMYK
- cmyk(86% 0% 57% 53%)
Tinte · Ombre · Toni
Tinte
- 348447
- 4E925B
- 659F6F
- 7BAD82
- 91BA96
- A6C8AB
- BCD6BF
- D2E3D4
- E9F1E9
Ombre
- 0D672B
- 095723
- 06471C
- 043814
- 022A0D
- 011C07
- 001003
- 000501
- 000100
Toni
- 27783C
- 357A44
- 417B4C
- 4C7C54
- 557D5B
- 5E7E63
- 677E6A
- 707F72
- 788079
Armonie di colore
Complementare +180°
- 117733
Nature’s Strength
- 8B4289
≈ Dahlia
Analogo -30° +30°
- 117733
Nature’s Strength
- 5D6B00
≈ Mud Green
- 007464
≈ Northern Hemisphere
Triadico +120° +240°
- 117733
Nature’s Strength
- 435CAF
≈ Chinese Bellflower
- A23E33
≈ Edocha
Complementare divisa +150° +210°
- 117733
Nature’s Strength
- 6E4EA5
≈ Studio
- 9D3B62
≈ Royal Flush
Tetradico +90° +180° +270°
- 117733
Nature’s Strength
- 006A9B
≈ Hydra
- 8B4289
≈ Dahlia
- 934F00
≈ Warm Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.65:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.71:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--nature-s-strength: #117733;
--nature-s-strength-rgb: 17 119 51;
--nature-s-strength-oklch: oklch(0.499 0.135 148.6);
}
.element {
color: var(--nature-s-strength);
background-color: hsl(140 75% 27%);
border-color: oklch(0.499 0.135 148.6);
}Tailwind CSS v4
@theme {
--color-nature-s-strength: #117733;
--color-nature-s-strength-50: #daffe1;
--color-nature-s-strength-100: #c8f5d1;
--color-nature-s-strength-200: #aae5b7;
--color-nature-s-strength-300: #82cb93;
--color-nature-s-strength-400: #60b470;
--color-nature-s-strength-500: #359e50;
--color-nature-s-strength-600: #2f8545;
--color-nature-s-strength-700: #256b36;
--color-nature-s-strength-800: #1c4e24;
--color-nature-s-strength-900: #133718;
--color-nature-s-strength-950: #042109;
}SCSS
$nature-s-strength: #117733;
$nature-s-strength-rgb: 17, 119, 51;
$nature-s-strength-light: mix(#fff, $nature-s-strength, 20%);
$nature-s-strength-dark: mix(#000, $nature-s-strength, 20%);
.element {
color: $nature-s-strength;
box-shadow: 0 0 0 2px rgba($nature-s-strength, 0.35);
}