Colore con nome · #3E645B
Forest Greenery
Forest Greenery è #3E645B: rgb(62 100 91), hsl(166 23% 32%), oklch(0.472 0.046 177.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Forest Greenery color name →
#3E645B
oklch(0.472 0.046 177.6)
Conversioni di colore
- HEX
- #3e645b
- RGB
- rgb(62 100 91)
- HSL
- hsl(166 23% 32%)
- HWB
- hwb(166 24% 61%)
- OKLCH
- oklch(0.472 0.046 177.6)
- OKLab
- oklab(0.472 -0.046 0.002)
- CIE Lab
- lab(39.31 -15.85 0.61)
- LCH
- lch(39.31 15.86 177.8)
- CMYK
- cmyk(38% 0% 9% 61%)
Tinte · Ombre · Toni
Tinte
- 50726A
- 638179
- 759089
- 889F99
- 9BAFA9
- AEBEBA
- C2CECB
- D6DEDC
- EAEEED
Ombre
- 35564E
- 2B4841
- 233B35
- 1A2E29
- 12221E
- 0A1613
- 040B09
- 010303
- 000000
Toni
- 45675F
- 4C6A62
- 536C66
- 596F6A
- 60726D
- 667571
- 6D7875
- 737A78
- 7A7D7C
Armonie di colore
Complementare +180°
- 3E645B
Forest Greenery
- 71515B
≈ Ruby Grey
Analogo -30° +30°
- 3E645B
Forest Greenery
- 4A634D
≈ Vizcaya Palm
- 3B6369
≈ Mediterranea
Triadico +120° +240°
- 3E645B
Forest Greenery
- 5E5672
≈ Orchid Grey
- 6F5542
≈ Breakfast Blend
Complementare divisa +150° +210°
- 3E645B
Forest Greenery
- 6A5269
≈ Vintner
- 73524D
≈ Terrace Brown
Tetradico +90° +180° +270°
- 3E645B
Forest Greenery
- 505B76
≈ Vintage Indigo
- 71515B
≈ Ruby Grey
- 665A3D
≈ Cold Pressed
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.60:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.17:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--forest-greenery: #3e645b;
--forest-greenery-rgb: 62 100 91;
--forest-greenery-oklch: oklch(0.472 0.046 177.6);
}
.element {
color: var(--forest-greenery);
background-color: hsl(166 23% 32%);
border-color: oklch(0.472 0.046 177.6);
}Tailwind CSS v4
@theme {
--color-forest-greenery: #3e645b;
--color-forest-greenery-50: #e8faf5;
--color-forest-greenery-100: #d8ede8;
--color-forest-greenery-200: #c0dbd5;
--color-forest-greenery-300: #9fc0b8;
--color-forest-greenery-400: #82a89e;
--color-forest-greenery-500: #659186;
--color-forest-greenery-600: #567a71;
--color-forest-greenery-700: #44625b;
--color-forest-greenery-800: #314842;
--color-forest-greenery-900: #22322d;
--color-forest-greenery-950: #111e1a;
}SCSS
$forest-greenery: #3e645b;
$forest-greenery-rgb: 62, 100, 91;
$forest-greenery-light: mix(#fff, $forest-greenery, 20%);
$forest-greenery-dark: mix(#000, $forest-greenery, 20%);
.element {
color: $forest-greenery;
box-shadow: 0 0 0 2px rgba($forest-greenery, 0.35);
}