Najbliższy nazwany kolor · #8BAA85
#8BAA85
Najbliższy nazwany kolor: Verdant Haven
#8BAA85 (rgb(139 170 133), hsl(110 18% 59%), oklch(0.705 0.063 140.5)) jest najbliższy nazwanemu kolorowi Verdant Haven. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8BAA85
oklch(0.705 0.063 140.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96B291
- A1BB9D
- ADC3A9
- B8CBB5
- C4D4C1
- D0DCCD
- DBE5D9
- E7EEE6
- F3F6F2
Odcienie ciemniejsze
- 789373
- 667D61
- 546850
- 435340
- 323F30
- 232D21
- 141B13
- 070B06
- 010101
Tony
- 8AA685
- 89A284
- 889D84
- 879983
- 869583
- 859182
- 848D82
- 828881
- 818481
Harmonie kolorów
Komplementarna +180°
- 8BAA85
Verdant Haven
- B293B8
≈ Lavender Earl
Analogowa -30° +30°
- 8BAA85
Verdant Haven
- A1A476
≈ Dill Grass
- 77AD9A
≈ Dusty Jade Green
Triada +120° +240°
- 8BAA85
Verdant Haven
- 89A1C8
≈ Anode
- C4918F
≈ Floral Tapestry
Komplementarna rozszczepiona +150° +210°
- 8BAA85
Verdant Haven
- 9F9AC5
≈ Cosmo Purple
- BF90A5
≈ Light Mauve
Tetrada +90° +180° +270°
- 8BAA85
Verdant Haven
- 77A8C0
≈ Moonstone Blue
- B293B8
≈ Lavender Earl
- C1957D
≈ Maple Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.56:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.18:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}