Colore con nome · #1B6634
Bucolic
Bucolic è #1B6634: rgb(27 102 52), hsl(140 58% 25%), oklch(0.452 0.108 150.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bucolic color name →
#1B6634
oklch(0.452 0.108 150.4)
Conversioni di colore
- HEX
- #1b6634
- RGB
- rgb(27 102 52)
- HSL
- hsl(140 58% 25%)
- HWB
- hwb(140 11% 60%)
- OKLCH
- oklch(0.452 0.108 150.4)
- OKLab
- oklab(0.452 -0.094 0.053)
- CIE Lab
- lab(37.8 -32.82 21.34)
- LCH
- lch(37.8 39.15 147)
- CMYK
- cmyk(74% 0% 49% 60%)
Tinte · Ombre · Toni
Tinte
- 367547
- 4D835A
- 63926D
- 79A181
- 8FB195
- A5C0AA
- BBCFBE
- D1DFD4
- E8EFE9
Ombre
- 16582C
- 114A24
- 0C3C1C
- 082F15
- 05230E
- 021707
- 010C03
- 000401
- 000000
Toni
- 2A693C
- 366C44
- 416E4B
- 4B7153
- 54745A
- 5D7662
- 667969
- 6F7B71
- 777E78
Armonie di colore
Complementare +180°
- 1B6634
Bucolic
- 773D72
≈ Spring Lobster Dye
Analogo -30° +30°
- 1B6634
Bucolic
- 4E5E00
≈ Camouflage Green
- 006458
≈ Dancing Peacock
Triadico +120° +240°
- 1B6634
Bucolic
- 3F5191
≈ Deep Ultramarine
- 883B2F
≈ Prairie Sand
Complementare divisa +150° +210°
- 1B6634
Bucolic
- 604688
≈ Lords of the Night
- 843853
≈ Berry Patch
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.00:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.99:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--bucolic: #1b6634;
--bucolic-rgb: 27 102 52;
--bucolic-oklch: oklch(0.452 0.108 150.4);
}
.element {
color: var(--bucolic);
background-color: hsl(140 58% 25%);
border-color: oklch(0.452 0.108 150.4);
}Tailwind CSS v4
@theme {
--color-bucolic: #1b6634;
--color-bucolic-50: #dfffe6;
--color-bucolic-100: #cef3d7;
--color-bucolic-200: #b2e2be;
--color-bucolic-300: #8dc89d;
--color-bucolic-400: #6db17d;
--color-bucolic-500: #4a9a5f;
--color-bucolic-600: #408251;
--color-bucolic-700: #336841;
--color-bucolic-800: #254d2d;
--color-bucolic-900: #19351e;
--color-bucolic-950: #09200e;
}SCSS
$bucolic: #1b6634;
$bucolic-rgb: 27, 102, 52;
$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);
}