Najbliższy nazwany kolor · #86A27F
#86A27F
Najbliższy nazwany kolor: Mistletoe
#86A27F (rgb(134 162 127), hsl(108 16% 57%), oklch(0.681 0.059 139.4)) jest najbliższy nazwanemu kolorowi Mistletoe. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#86A27F
oklch(0.681 0.059 139.4)
Konwersje koloru
- HEX
- #86a27f
- RGB
- rgb(134 162 127)
- HSL
- hsl(108 16% 57%)
- HWB
- hwb(108 50% 36%)
- OKLCH
- oklch(0.681 0.059 139.4)
- OKLab
- oklab(0.681 -0.045 0.039)
- CIE Lab
- lab(63.75 -15.24 14.92)
- LCH
- lch(63.75 21.32 135.6)
- CMYK
- cmyk(17% 0% 22% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 92AB8B
- 9DB498
- A9BDA4
- B5C6B1
- C1D0BD
- CDD9CA
- DAE2D7
- E6ECE4
- F2F5F2
Odcienie ciemniejsze
- 748C6E
- 62775D
- 51634C
- 404F3C
- 303C2D
- 212A1F
- 131911
- 060A06
- 010101
Tony
- 869F7F
- 859B7F
- 849880
- 849480
- 839180
- 838E80
- 828A80
- 818780
- 818380
Harmonie kolorów
Komplementarna +180°
- 86A27F
Mistletoe
- A98DB0
≈ Revered
Analogowa -30° +30°
- 86A27F
Mistletoe
- 9B9C72
≈ Domain
- 74A593
≈ Free Green
Triada +120° +240°
- 86A27F
Mistletoe
- 839ABE
≈ Bel Air Blue
- BB8A8A
≈ Shabby Chic
Komplementarna rozszczepiona +150° +210°
- 86A27F
Mistletoe
- 9793BC
≈ Royal Glimmer
- B68A9E
≈ Monastir
Tetrada +90° +180° +270°
- 86A27F
Mistletoe
- 72A0B6
≈ Adventure Isle
- A98DB0
≈ Revered
- B88E78
≈ Tuscany
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--mistletoe: #86a27f;
--mistletoe-rgb: 134 162 127;
--mistletoe-oklch: oklch(0.681 0.059 139.4);
}
.element {
color: var(--mistletoe);
background-color: hsl(108 16% 57%);
border-color: oklch(0.681 0.059 139.4);
}Tailwind CSS v4
@theme {
--color-mistletoe: #86a27f;
--color-mistletoe-50: #ecfaea;
--color-mistletoe-100: #ddeddb;
--color-mistletoe-200: #c7dbc4;
--color-mistletoe-300: #a7bfa3;
--color-mistletoe-400: #8da786;
--color-mistletoe-500: #72906a;
--color-mistletoe-600: #617a5a;
--color-mistletoe-700: #4d6248;
--color-mistletoe-800: #394733;
--color-mistletoe-900: #273123;
--color-mistletoe-950: #151d12;
}SCSS
$mistletoe: #86a27f;
$mistletoe-rgb: 134, 162, 127;
$mistletoe-light: mix(#fff, $mistletoe, 20%);
$mistletoe-dark: mix(#000, $mistletoe, 20%);
.element {
color: $mistletoe;
box-shadow: 0 0 0 2px rgba($mistletoe, 0.35);
}