Colore con nome più vicino · #8BAA85
#8BAA85
Colore con nome più vicino: Verdant Haven
#8BAA85 (rgb(139 170 133), hsl(110 18% 59%), oklch(0.705 0.063 140.5)) è più vicino al colore con nome Verdant Haven. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8BAA85
oklch(0.705 0.063 140.5)
Conversioni di colore
- HEX
- #8baa85
- RGB
- rgb(139 170 133)
- HSL
- hsl(110 18% 59%)
- HWB
- hwb(110 52% 33%)
- OKLCH
- oklch(0.705 0.063 140.5)
- OKLab
- oklab(0.705 -0.049 0.04)
- CIE Lab
- lab(66.51 -16.47 15.49)
- LCH
- lch(66.51 22.61 136.8)
- CMYK
- cmyk(18% 0% 22% 33%)
Tinte · Ombre · Toni
Tinte
- 96B291
- A1BB9D
- ADC3A9
- B8CBB5
- C4D4C1
- D0DCCD
- DBE5D9
- E7EEE6
- F3F6F2
Ombre
- 789373
- 667D61
- 546850
- 435340
- 323F30
- 232D21
- 141B13
- 070B06
- 010101
Toni
- 8AA685
- 89A284
- 889D84
- 879983
- 869583
- 859182
- 848D82
- 828881
- 818481
Armonie di colore
Complementare +180°
- 8BAA85
Verdant Haven
- B293B8
≈ Lavender Earl
Analogo -30° +30°
- 8BAA85
Verdant Haven
- A1A476
≈ Dill Grass
- 77AD9A
≈ Dusty Jade Green
Triadico +120° +240°
- 8BAA85
Verdant Haven
- 89A1C8
≈ Anode
- C4918F
≈ Floral Tapestry
Complementare divisa +150° +210°
- 8BAA85
Verdant Haven
- 9F9AC5
≈ Cosmo Purple
- BF90A5
≈ Light Mauve
Tetradico +90° +180° +270°
- 8BAA85
Verdant Haven
- 77A8C0
≈ Moonstone Blue
- B293B8
≈ Lavender Earl
- C1957D
≈ Maple Sugar
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.18:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--verdant-haven: #8baa85;
--verdant-haven-rgb: 139 170 133;
--verdant-haven-oklch: oklch(0.705 0.063 140.5);
}
.element {
color: var(--verdant-haven);
background-color: hsl(110 18% 59%);
border-color: oklch(0.705 0.063 140.5);
}Tailwind CSS v4
@theme {
--color-verdant-haven: #8baa85;
--color-verdant-haven-50: #ebfaea;
--color-verdant-haven-100: #dceeda;
--color-verdant-haven-200: #c5dcc3;
--color-verdant-haven-300: #a5c0a3;
--color-verdant-haven-400: #8ba885;
--color-verdant-haven-500: #709169;
--color-verdant-haven-600: #5f7b59;
--color-verdant-haven-700: #4c6247;
--color-verdant-haven-800: #374833;
--color-verdant-haven-900: #263222;
--color-verdant-haven-950: #141e11;
}SCSS
$verdant-haven: #8baa85;
$verdant-haven-rgb: 139, 170, 133;
$verdant-haven-light: mix(#fff, $verdant-haven, 20%);
$verdant-haven-dark: mix(#000, $verdant-haven, 20%);
.element {
color: $verdant-haven;
box-shadow: 0 0 0 2px rgba($verdant-haven, 0.35);
}