Adlandırılmış renk · #536437
Interior Green
Interior Green, #536437: rgb(83 100 55), hsl(83 29% 30%), oklch(0.477 0.07 125.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? → · Interior Green color name →
#536437
oklch(0.477 0.07 125.9)
Renk dönüşümleri
- HEX
- #536437
- RGB
- rgb(83 100 55)
- HSL
- hsl(83 29% 30%)
- HWB
- hwb(83 22% 61%)
- OKLCH
- oklch(0.477 0.07 125.9)
- OKLab
- oklab(0.477 -0.041 0.057)
- CIE Lab
- lab(40.07 -12.98 23.23)
- LCH
- lch(40.07 26.61 119.2)
- CMYK
- cmyk(17% 0% 45% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 63724A
- 73815D
- 839070
- 949F83
- A5AF97
- B6BEAB
- C8CEC0
- DADED4
- ECEFEA
Koyu tonlar
- 47562E
- 3B4826
- 303B1E
- 252E16
- 1B220F
- 111608
- 080B03
- 020301
- 000000
Gri tonlar
- 57673F
- 5C6A46
- 606D4E
- 656F55
- 69725C
- 6E7563
- 72786B
- 777B72
- 7B7D79
Renk uyumları
Tamamlayıcı +180°
- 536437
Interior Green
- 67527C
≈ Virtual Violet
Analog -30° +30°
- 536437
Interior Green
- 695D2B
≈ Bean Green
- 39694C
≈ Spirulina
Üçlü +120° +240°
- 536437
Interior Green
- 3A6182
≈ Atlantic Schooner
- 7E4C57
≈ Nocturne Red
Bölünmüş tamamlayıcı +150° +210°
- 536437
Interior Green
- 525984
≈ Mauve Dusk
- 764D6C
≈ Brocade Violet
Dörtlü +90° +180° +270°
- 536437
Interior Green
- 236776
≈ Jester Blue
- 67527C
≈ Virtual Violet
- 7F4E41
≈ Red Chipotle
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.46:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.24:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.46:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--interior-green: #536437;
--interior-green-rgb: 83 100 55;
--interior-green-oklch: oklch(0.477 0.07 125.9);
}
.element {
color: var(--interior-green);
background-color: hsl(83 29% 30%);
border-color: oklch(0.477 0.07 125.9);
}Tailwind CSS v4
@theme {
--color-interior-green: #536437;
--color-interior-green-50: #eff9e4;
--color-interior-green-100: #e1edd4;
--color-interior-green-200: #ccdabb;
--color-interior-green-300: #adbf98;
--color-interior-green-400: #94a679;
--color-interior-green-500: #7b8f5b;
--color-interior-green-600: #68794d;
--color-interior-green-700: #53613e;
--color-interior-green-800: #3d472b;
--color-interior-green-900: #2a311d;
--color-interior-green-950: #181d0d;
}SCSS
$interior-green: #536437;
$interior-green-rgb: 83, 100, 55;
$interior-green-light: mix(#fff, $interior-green, 20%);
$interior-green-dark: mix(#000, $interior-green, 20%);
.element {
color: $interior-green;
box-shadow: 0 0 0 2px rgba($interior-green, 0.35);
}