Adlandırılmış renk · #529D6E
Basil Pesto
Basil Pesto, #529D6E: rgb(82 157 110), hsl(142 31% 47%), oklch(0.635 0.104 154.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Basil Pesto color name →
#529D6E
oklch(0.635 0.104 154.6)
Renk dönüşümleri
- HEX
- #529d6e
- RGB
- rgb(82 157 110)
- HSL
- hsl(142 31% 47%)
- HWB
- hwb(142 32% 38%)
- OKLCH
- oklch(0.635 0.104 154.6)
- OKLab
- oklab(0.635 -0.094 0.045)
- CIE Lab
- lab(58.97 -32.72 17.16)
- LCH
- lch(58.97 36.95 152.3)
- CMYK
- cmyk(48% 0% 30% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 65A77C
- 76B08A
- 88BA98
- 99C4A6
- AACEB5
- BBD8C3
- CCE1D2
- DDEBE1
- EEF5F0
Koyu tonlar
- 46885F
- 3B7350
- 2F5F41
- 254C33
- 1A3A26
- 112819
- 08180E
- 020904
- 000101
Gri tonlar
- 589A70
- 5E9772
- 639574
- 689276
- 6D8F78
- 718C79
- 75897B
- 79867D
- 7D837E
Renk uyumları
Tamamlayıcı +180°
- 529D6E
Basil Pesto
- B172A4
≈ Orchid Kiss
Analog -30° +30°
- 529D6E
Basil Pesto
- 7D954C
≈ Emerald Shimmer
- 249F92
≈ Alhambra
Üçlü +120° +240°
- 529D6E
Basil Pesto
- 7885C9
≈ Twilight Twinkle
- C1725F
≈ Cajun Spice
Bölünmüş tamamlayıcı +150° +210°
- 529D6E
Basil Pesto
- 997ABD
≈ Lavender Purple
- BF6F82
≈ Briar Rose
Dörtlü +90° +180° +270°
- 529D6E
Basil Pesto
- 4F91C5
≈ Azure Blue
- B172A4
≈ Orchid Kiss
- B67C42
≈ Spruce Yellow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.27:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.40:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--basil-pesto: #529d6e;
--basil-pesto-rgb: 82 157 110;
--basil-pesto-oklch: oklch(0.635 0.104 154.6);
}
.element {
color: var(--basil-pesto);
background-color: hsl(142 31% 47%);
border-color: oklch(0.635 0.104 154.6);
}Tailwind CSS v4
@theme {
--color-basil-pesto: #529d6e;
--color-basil-pesto-50: #deffe9;
--color-basil-pesto-100: #cdf3da;
--color-basil-pesto-200: #b1e2c2;
--color-basil-pesto-300: #8bc8a2;
--color-basil-pesto-400: #6ab183;
--color-basil-pesto-500: #459a67;
--color-basil-pesto-600: #3c8257;
--color-basil-pesto-700: #2f6846;
--color-basil-pesto-800: #234d31;
--color-basil-pesto-900: #173521;
--color-basil-pesto-950: #082010;
}SCSS
$basil-pesto: #529d6e;
$basil-pesto-rgb: 82, 157, 110;
$basil-pesto-light: mix(#fff, $basil-pesto, 20%);
$basil-pesto-dark: mix(#000, $basil-pesto, 20%);
.element {
color: $basil-pesto;
box-shadow: 0 0 0 2px rgba($basil-pesto, 0.35);
}