En yakın adlandırılmış renk · #5F926C
#5F926C
En yakın adlandırılmış renk: Paying Mantis
#5F926C (rgb(95 146 108), hsl(135 21% 47%), oklch(0.613 0.08 151.6)) en çok Paying Mantis 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.
#5F926C
oklch(0.613 0.08 151.6)
Renk dönüşümleri
- HEX
- #5f926c
- RGB
- rgb(95 146 108)
- HSL
- hsl(135 21% 47%)
- HWB
- hwb(135 37% 43%)
- OKLCH
- oklch(0.613 0.08 151.6)
- OKLab
- oklab(0.613 -0.07 0.038)
- CIE Lab
- lab(56.15 -24.15 14.58)
- LCH
- lch(56.15 28.21 148.9)
- CMYK
- cmyk(35% 0% 26% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6F9D7A
- 7FA788
- 8EB296
- 9EBDA5
- AEC8B3
- BED3C2
- CEDED1
- DEE9E0
- EEF4F0
Koyu tonlar
- 527E5D
- 446B4E
- 385840
- 2C4632
- 203525
- 152519
- 0A160D
- 030804
- 000100
Gri tonlar
- 63906E
- 678F70
- 6A8D72
- 6E8B74
- 718976
- 748878
- 77867A
- 7A847C
- 7D827E
Renk uyumları
Tamamlayıcı +180°
- 5F926C
Paying Mantis
- A0729A
≈ Drama Queen
Analog -30° +30°
- 5F926C
Paying Mantis
- 7C8C55
≈ Scarabœus Nobilis
- 469487
≈ Lochinvar
Üçlü +120° +240°
- 5F926C
Paying Mantis
- 7381B4
≈ Venture Violet
- AF7266
≈ New England Brick
Bölünmüş tamamlayıcı +150° +210°
- 5F926C
Paying Mantis
- 8C79AC
≈ Gentian
- AC7081
≈ Shade of Mauve
Dörtlü +90° +180° +270°
- 5F926C
Paying Mantis
- 578AB0
≈ Alpha Blue
- A0729A
≈ Drama Queen
- A77951
≈ Apple Cinnamon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.61:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.81:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--paying-mantis: #5f926c;
--paying-mantis-rgb: 95 146 108;
--paying-mantis-oklch: oklch(0.613 0.08 151.6);
}
.element {
color: var(--paying-mantis);
background-color: hsl(135 21% 47%);
border-color: oklch(0.613 0.08 151.6);
}Tailwind CSS v4
@theme {
--color-paying-mantis: #5f926c;
--color-paying-mantis-50: #e5fceb;
--color-paying-mantis-100: #d5f0dc;
--color-paying-mantis-200: #bbdfc5;
--color-paying-mantis-300: #99c4a5;
--color-paying-mantis-400: #7bac87;
--color-paying-mantis-500: #5c956b;
--color-paying-mantis-600: #4f7e5b;
--color-paying-mantis-700: #3f6549;
--color-paying-mantis-800: #2e4a33;
--color-paying-mantis-900: #1f3323;
--color-paying-mantis-950: #0f1f12;
}SCSS
$paying-mantis: #5f926c;
$paying-mantis-rgb: 95, 146, 108;
$paying-mantis-light: mix(#fff, $paying-mantis, 20%);
$paying-mantis-dark: mix(#000, $paying-mantis, 20%);
.element {
color: $paying-mantis;
box-shadow: 0 0 0 2px rgba($paying-mantis, 0.35);
}