En yakın adlandırılmış renk · #85B68D
#85B68D
En yakın adlandırılmış renk: Verde
#85B68D (rgb(133 182 141), hsl(130 25% 62%), oklch(0.73 0.079 149.1)) en çok Verde adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#85B68D
oklch(0.73 0.079 149.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91BD98
- 9DC4A3
- A9CCAE
- B6D3BA
- C2DAC5
- CEE2D0
- DAE9DC
- E6F0E8
- F3F8F3
Koyu tonlar
- 739E7A
- 618667
- 506F55
- 405944
- 304433
- 213023
- 131D14
- 060C07
- 010201
Gri tonlar
- 85B18C
- 85AB8B
- 84A689
- 84A088
- 849B87
- 839586
- 829084
- 828B83
- 818581
Renk uyumları
Tamamlayıcı +180°
- 85B68D
Verde
- C496C0
≈ Pomtini
Analog -30° +30°
- 85B68D
Verde
- A2AF77
≈ Tarragon
- 6EB8A9
≈ Glacial Green
Üçlü +120° +240°
- 85B68D
Verde
- 94A6DA
≈ Dalmatian Sage
- D5958B
≈ Powder Blush
Bölünmüş tamamlayıcı +150° +210°
- 85B68D
Verde
- AE9DD3
≈ Biloba Flower
- D193A6
≈ Madagascar Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.07:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}