Colore con nome · #3E644F
Serbian Green
Serbian Green è #3E644F: rgb(62 100 79), hsl(147 23% 32%), oklch(0.468 0.055 159.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Serbian Green color name →
#3E644F
oklch(0.468 0.055 159.1)
Conversioni di colore
- HEX
- #3e644f
- RGB
- rgb(62 100 79)
- HSL
- hsl(147 23% 32%)
- HWB
- hwb(147 24% 61%)
- OKLCH
- oklch(0.468 0.055 159.1)
- OKLab
- oklab(0.468 -0.052 0.02)
- CIE Lab
- lab(39.04 -18.01 7.49)
- LCH
- lch(39.04 19.51 157.4)
- CMYK
- cmyk(38% 0% 21% 61%)
Tinte · Ombre · Toni
Tinte
- 50725F
- 62816F
- 759080
- 889F91
- 9BAFA3
- AEBEB5
- C2CEC7
- D6DED9
- EAEFEC
Ombre
- 355644
- 2B4838
- 233B2E
- 1A2E23
- 122219
- 0A1610
- 040B07
- 010302
- 000000
Toni
- 456754
- 4C6A59
- 536D5D
- 596F62
- 607267
- 66756C
- 6D7871
- 737A76
- 7A7D7B
Armonie di colore
Complementare +180°
- 3E644F
Serbian Green
- 6F4E65
≈ Hibernation
Analogo -30° +30°
- 3E644F
Serbian Green
- 50613F
≈ Cub Scout
- 316461
≈ Strong Sage
Triadico +120° +240°
- 3E644F
Serbian Green
- 535779
≈ Blue Review
- 765043
≈ Toasted Pecan
Complementare divisa +150° +210°
- 3E644F
Serbian Green
- 635272
≈ Blackberry Farm
- 764D54
≈ Rule Breaker
Tetradico +90° +180° +270°
- 3E644F
Serbian Green
- 425D78
≈ China Pattern
- 6F4E65
≈ Hibernation
- 6F5537
≈ Rustic Cabin
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.68:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--serbian-green: #3e644f;
--serbian-green-rgb: 62 100 79;
--serbian-green-oklch: oklch(0.468 0.055 159.1);
}
.element {
color: var(--serbian-green);
background-color: hsl(147 23% 32%);
border-color: oklch(0.468 0.055 159.1);
}Tailwind CSS v4
@theme {
--color-serbian-green: #3e644f;
--color-serbian-green-50: #e8faf0;
--color-serbian-green-100: #d9eee2;
--color-serbian-green-200: #c0dccd;
--color-serbian-green-300: #9fc1ae;
--color-serbian-green-400: #83a993;
--color-serbian-green-500: #669279;
--color-serbian-green-600: #577b66;
--color-serbian-green-700: #456352;
--color-serbian-green-800: #32483b;
--color-serbian-green-900: #223228;
--color-serbian-green-950: #111e16;
}SCSS
$serbian-green: #3e644f;
$serbian-green-rgb: 62, 100, 79;
$serbian-green-light: mix(#fff, $serbian-green, 20%);
$serbian-green-dark: mix(#000, $serbian-green, 20%);
.element {
color: $serbian-green;
box-shadow: 0 0 0 2px rgba($serbian-green, 0.35);
}