Colore con nome più vicino · #116B32
#116B32
Colore con nome più vicino: Bucolic
#116B32 (rgb(17 107 50), hsl(142 73% 24%), oklch(0.464 0.12 150)) è più vicino al colore con nome Bucolic. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#116B32
oklch(0.464 0.12 150)
Conversioni di colore
- HEX
- #116b32
- RGB
- rgb(17 107 50)
- HSL
- hsl(142 73% 24%)
- HWB
- hwb(142 7% 58%)
- OKLCH
- oklch(0.464 0.12 150)
- OKLab
- oklab(0.464 -0.104 0.06)
- CIE Lab
- lab(39.34 -36.48 24.28)
- LCH
- lch(39.34 43.82 146.4)
- CMYK
- cmyk(84% 0% 53% 58%)
Tinte · Ombre · Toni
Tinte
- 327945
- 4B8859
- 62966C
- 78A580
- 8EB495
- A4C2A9
- BAD1BE
- D1E0D3
- E8F0E9
Ombre
- 0D5C2A
- 094E22
- 063F1B
- 043214
- 02250D
- 011807
- 000D03
- 000401
- 000000
Toni
- 256D3A
- 337043
- 3E724A
- 497452
- 53765A
- 5C7962
- 667B69
- 6F7C71
- 777E78
Armonie di colore
Complementare +180°
- 116B32
Bucolic
- 7D3D79
≈ Deep Commitment to Purple
Analogo -30° +30°
- 116B32
Bucolic
- 526100
≈ Camouflage Green
- 00685B
≈ Bella Vista
Triadico +120° +240°
- 116B32
Bucolic
- 3F539C
≈ Crushed Velvet
- 903A2E
≈ Gatsby Brick
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.61:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.17:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--bucolic: #116b32;
--bucolic-rgb: 17 107 50;
--bucolic-oklch: oklch(0.464 0.12 150);
}
.element {
color: var(--bucolic);
background-color: hsl(142 73% 24%);
border-color: oklch(0.464 0.12 150);
}Tailwind CSS v4
@theme {
--color-bucolic: #116b32;
--color-bucolic-50: #ddffe5;
--color-bucolic-100: #cbf4d4;
--color-bucolic-200: #aee4bb;
--color-bucolic-300: #88c999;
--color-bucolic-400: #67b278;
--color-bucolic-500: #409c5a;
--color-bucolic-600: #38844c;
--color-bucolic-700: #2c6a3d;
--color-bucolic-800: #214d29;
--color-bucolic-900: #16361c;
--color-bucolic-950: #07210c;
}SCSS
$bucolic: #116b32;
$bucolic-rgb: 17, 107, 50;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}