Adlandırılmış renk · #C4B146
Hep Green
Hep Green, #C4B146: rgb(196 177 70), hsl(51 52% 52%), oklch(0.756 0.128 99.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Hep Green color name →
#C4B146
oklch(0.756 0.128 99.2)
Renk dönüşümleri
- HEX
- #c4b146
- RGB
- rgb(196 177 70)
- HSL
- hsl(51 52% 52%)
- HWB
- hwb(51 27% 23%)
- OKLCH
- oklch(0.756 0.128 99.2)
- OKLab
- oklab(0.756 -0.02 0.126)
- CIE Lab
- lab(72.34 -2.14 55.32)
- LCH
- lch(72.34 55.37 92.2)
- CMYK
- cmyk(0% 10% 64% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CAB95D
- CFC171
- D5C984
- DBD196
- E1D8A8
- E7E0BA
- EDE8CB
- F3F0DC
- F9F7EE
Koyu tonlar
- AA993C
- 918332
- 786C28
- 61571E
- 4A4215
- 352F0D
- 211C05
- 0E0C02
- 020100
Gri tonlar
- BDAC50
- B6A758
- AFA35F
- A89E65
- A1996B
- 9A9470
- 948F74
- 8D8A79
- 86857C
Renk uyumları
Tamamlayıcı +180°
- C4B146
Hep Green
- 9FA7FF
≈ Widowmaker
Analog -30° +30°
- C4B146
Hep Green
- E4A04D
≈ Granary Gold
- 96C065
≈ Green Pepper
Üçlü +120° +240°
- C4B146
Hep Green
- 2EC2E7
≈ Blue Raspberry
- E58FCA
≈ Blushed Bombshell
Bölünmüş tamamlayıcı +150° +210°
- C4B146
Hep Green
- 6CB6FD
≈ French Sky Blue
- C899ED
≈ Dream Vapour
Dörtlü +90° +180° +270°
- C4B146
Hep Green
- 1AC9C1
≈ Swimmers Pool
- 9FA7FF
≈ Widowmaker
- F48C9F
≈ Wonder Lust
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.72:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--hep-green: #c4b146;
--hep-green-rgb: 196 177 70;
--hep-green-oklch: oklch(0.756 0.128 99.2);
}
.element {
color: var(--hep-green);
background-color: hsl(51 52% 52%);
border-color: oklch(0.756 0.128 99.2);
}Tailwind CSS v4
@theme {
--color-hep-green: #c4b146;
--color-hep-green-50: #fcf7cd;
--color-hep-green-100: #f0eab9;
--color-hep-green-200: #dfd797;
--color-hep-green-300: #c5ba6a;
--color-hep-green-400: #b19f3a;
--color-hep-green-500: #9b8600;
--color-hep-green-600: #837200;
--color-hep-green-700: #695b00;
--color-hep-green-800: #4f4200;
--color-hep-green-900: #372d00;
--color-hep-green-950: #221a00;
}SCSS
$hep-green: #c4b146;
$hep-green-rgb: 196, 177, 70;
$hep-green-light: mix(#fff, $hep-green, 20%);
$hep-green-dark: mix(#000, $hep-green, 20%);
.element {
color: $hep-green;
box-shadow: 0 0 0 2px rgba($hep-green, 0.35);
}