Adlandırılmış renk · #80AA95
Catnip
Catnip, #80AA95: rgb(128 170 149), hsl(150 20% 58%), oklch(0.701 0.055 162.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Catnip color name →
#80AA95
oklch(0.701 0.055 162.9)
Renk dönüşümleri
- HEX
- #80aa95
- RGB
- rgb(128 170 149)
- HSL
- hsl(150 20% 58%)
- HWB
- hwb(150 50% 33%)
- OKLCH
- oklch(0.701 0.055 162.9)
- OKLab
- oklab(0.701 -0.052 0.016)
- CIE Lab
- lab(66.09 -18.1 6.03)
- LCH
- lch(66.09 19.08 161.6)
- CMYK
- cmyk(25% 0% 12% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8DB29F
- 99BBA9
- A6C3B4
- B2CBBE
- BFD4C9
- CBDCD3
- D8E5DE
- E5EEE9
- F2F6F4
Koyu tonlar
- 6E9381
- 5D7D6D
- 4D685A
- 3D5348
- 2E3F37
- 1F2D26
- 121B16
- 060B08
- 010101
Gri tonlar
- 80A693
- 81A291
- 819D8F
- 81998D
- 81958A
- 819188
- 818D86
- 818884
- 808482
Renk uyumları
Tamamlayıcı +180°
- 80AA95
Catnip
- B892A8
≈ Bed of Roses
Analog -30° +30°
- 80AA95
Catnip
- 92A784
≈ Huntington Garden
- 76AAA8
≈ Solution
Üçlü +120° +240°
- 80AA95
Catnip
- 999BC1
≈ Grape Ivy
- BD9484
≈ Faded Redwood
Bölünmüş tamamlayıcı +150° +210°
- 80AA95
Catnip
- AB95B8
≈ Glossy Grape
- BE9195
≈ Cherry Juice
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.10:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--catnip: #80aa95;
--catnip-rgb: 128 170 149;
--catnip-oklch: oklch(0.701 0.055 162.9);
}
.element {
color: var(--catnip);
background-color: hsl(150 20% 58%);
border-color: oklch(0.701 0.055 162.9);
}Tailwind CSS v4
@theme {
--color-catnip: #80aa95;
--color-catnip-50: #e8faf1;
--color-catnip-100: #d8eee3;
--color-catnip-200: #c0dcce;
--color-catnip-300: #9ec1b0;
--color-catnip-400: #81a995;
--color-catnip-500: #64927c;
--color-catnip-600: #557b69;
--color-catnip-700: #446354;
--color-catnip-800: #31483c;
--color-catnip-900: #213229;
--color-catnip-950: #111e17;
}SCSS
$catnip: #80aa95;
$catnip-rgb: 128, 170, 149;
$catnip-light: mix(#fff, $catnip, 20%);
$catnip-dark: mix(#000, $catnip, 20%);
.element {
color: $catnip;
box-shadow: 0 0 0 2px rgba($catnip, 0.35);
}