Colore con nome più vicino · #24622C
#24622C
Colore con nome più vicino: Bucolic
#24622C (rgb(36 98 44), hsl(128 46% 26%), oklch(0.442 0.106 145.9)) è più vicino al colore con nome Bucolic. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#24622C
oklch(0.442 0.106 145.9)
Conversioni di colore
- HEX
- #24622c
- RGB
- rgb(36 98 44)
- HSL
- hsl(128 46% 26%)
- HWB
- hwb(128 14% 62%)
- OKLCH
- oklch(0.442 0.106 145.9)
- OKLab
- oklab(0.442 -0.088 0.06)
- CIE Lab
- lab(36.56 -30.26 24.29)
- LCH
- lch(36.56 38.8 141.2)
- CMYK
- cmyk(63% 0% 55% 62%)
Tinte · Ombre · Toni
Tinte
- 3B7140
- 518054
- 668F68
- 7B9F7C
- 90AE91
- A6BEA6
- BCCEBC
- D2DED2
- E8EFE8
Ombre
- 1E5425
- 18471E
- 123A17
- 0C2D11
- 07210A
- 041605
- 020B02
- 000301
- 000000
Toni
- 306535
- 3A683E
- 446C46
- 4D6F4F
- 567257
- 5E755F
- 677867
- 6F7A6F
- 787D78
Armonie di colore
Complementare +180°
- 24622C
Bucolic
- 703C72
≈ Eminence
Analogo -30° +30°
- 24622C
Bucolic
- 515900
≈ Greensboro
- 006251
≈ Alpine Green
Triadico +120° +240°
- 24622C
Bucolic
- 37508D
≈ Tory Blue
- 843833
≈ Heirloom Tomato
Complementare divisa +150° +210°
- 24622C
Bucolic
- 594587
≈ Gigas
- 7F3655
≈ Alfonso Olive
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.34:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.85:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--bucolic: #24622c;
--bucolic-rgb: 36 98 44;
--bucolic-oklch: oklch(0.442 0.106 145.9);
}
.element {
color: var(--bucolic);
background-color: hsl(128 46% 26%);
border-color: oklch(0.442 0.106 145.9);
}Tailwind CSS v4
@theme {
--color-bucolic: #24622c;
--color-bucolic-50: #e2fee4;
--color-bucolic-100: #d1f2d4;
--color-bucolic-200: #b6e1bb;
--color-bucolic-300: #92c799;
--color-bucolic-400: #74af78;
--color-bucolic-500: #54995a;
--color-bucolic-600: #48814c;
--color-bucolic-700: #39673d;
--color-bucolic-800: #2a4c2a;
--color-bucolic-900: #1c351c;
--color-bucolic-950: #0c200c;
}SCSS
$bucolic: #24622c;
$bucolic-rgb: 36, 98, 44;
$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);
}