Najbliższy nazwany kolor · #85B68D
#85B68D
Najbliższy nazwany kolor: Verde
#85B68D (rgb(133 182 141), hsl(130 25% 62%), oklch(0.73 0.079 149.1)) jest najbliższy nazwanemu kolorowi Verde. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#85B68D
oklch(0.73 0.079 149.1)
Konwersje koloru
- HEX
- #85b68d
- RGB
- rgb(133 182 141)
- HSL
- hsl(130 25% 62%)
- HWB
- hwb(130 52% 29%)
- OKLCH
- oklch(0.73 0.079 149.1)
- OKLab
- oklab(0.73 -0.067 0.04)
- CIE Lab
- lab(69.73 -23.16 15.5)
- LCH
- lch(69.73 27.87 146.2)
- CMYK
- cmyk(27% 0% 23% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91BD98
- 9DC4A3
- A9CCAE
- B6D3BA
- C2DAC5
- CEE2D0
- DAE9DC
- E6F0E8
- F3F8F3
Odcienie ciemniejsze
- 739E7A
- 618667
- 506F55
- 405944
- 304433
- 213023
- 131D14
- 060C07
- 010201
Tony
- 85B18C
- 85AB8B
- 84A689
- 84A088
- 849B87
- 839586
- 829084
- 828B83
- 818581
Harmonie kolorów
Komplementarna +180°
- 85B68D
Verde
- C496C0
≈ Pomtini
Analogowa -30° +30°
- 85B68D
Verde
- A2AF77
≈ Tarragon
- 6EB8A9
≈ Glacial Green
Triada +120° +240°
- 85B68D
Verde
- 94A6DA
≈ Dalmatian Sage
- D5958B
≈ Powder Blush
Komplementarna rozszczepiona +150° +210°
- 85B68D
Verde
- AE9DD3
≈ Biloba Flower
- D193A6
≈ Madagascar Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.07:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--verde: #85b68d;
--verde-rgb: 133 182 141;
--verde-oklch: oklch(0.73 0.079 149.1);
}
.element {
color: var(--verde);
background-color: hsl(130 25% 62%);
border-color: oklch(0.73 0.079 149.1);
}Tailwind CSS v4
@theme {
--color-verde: #85b68d;
--color-verde-50: #e6fcea;
--color-verde-100: #d6f0db;
--color-verde-200: #bddec4;
--color-verde-300: #9bc3a3;
--color-verde-400: #7eac85;
--color-verde-500: #609569;
--color-verde-600: #527e5a;
--color-verde-700: #416547;
--color-verde-800: #304a32;
--color-verde-900: #203322;
--color-verde-950: #101f11;
}SCSS
$verde: #85b68d;
$verde-rgb: 133, 182, 141;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}