Adlandırılmış renk · #2B5F3C
Emerald Temple
Emerald Temple, #2B5F3C: rgb(43 95 60), hsl(140 38% 27%), oklch(0.439 0.081 152.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Emerald Temple color name →
#2B5F3C
oklch(0.439 0.081 152.4)
Renk dönüşümleri
- HEX
- #2b5f3c
- RGB
- rgb(43 95 60)
- HSL
- hsl(140 38% 27%)
- HWB
- hwb(140 17% 63%)
- OKLCH
- oklch(0.439 0.081 152.4)
- OKLab
- oklab(0.439 -0.071 0.037)
- CIE Lab
- lab(36.01 -24.89 14.56)
- LCH
- lch(36.01 28.84 149.7)
- CMYK
- cmyk(55% 0% 37% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 406E4E
- 557D60
- 698D72
- 7E9C85
- 92AC98
- A7BCAC
- BDCDC0
- D3DDD5
- E9EEEA
Koyu tonlar
- 245233
- 1D442A
- 163821
- 102C19
- 0A2011
- 05150A
- 020A04
- 010301
- 000000
Gri tonlar
- 356243
- 3E6649
- 476950
- 4F6D57
- 58705E
- 607364
- 68766B
- 707A72
- 787D79
Renk uyumları
Tamamlayıcı +180°
- 2B5F3C
Emerald Temple
- 6C4166
≈ Sultana
Analog -30° +30°
- 2B5F3C
Emerald Temple
- 4B5923
≈ Obscure Olive
- 006056
≈ Empress Teal
Üçlü +120° +240°
- 2B5F3C
Emerald Temple
- 434F7F
≈ Blue Jewel
- 784035
≈ Aged Teak
Bölünmüş tamamlayıcı +150° +210°
- 2B5F3C
Emerald Temple
- 5B4777
≈ In the Vines
- 763E4E
≈ Vintage Merlot
Dörtlü +90° +180° +270°
- 2B5F3C
Emerald Temple
- 24577B
≈ Royal Breeze
- 6C4166
≈ Sultana
- 72471E
≈ Monks Robe
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.48:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.80:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--emerald-temple: #2b5f3c;
--emerald-temple-rgb: 43 95 60;
--emerald-temple-oklch: oklch(0.439 0.081 152.4);
}
.element {
color: var(--emerald-temple);
background-color: hsl(140 38% 27%);
border-color: oklch(0.439 0.081 152.4);
}Tailwind CSS v4
@theme {
--color-emerald-temple: #2b5f3c;
--color-emerald-temple-50: #e4fceb;
--color-emerald-temple-100: #d4f0dc;
--color-emerald-temple-200: #badfc5;
--color-emerald-temple-300: #97c4a5;
--color-emerald-temple-400: #7aad87;
--color-emerald-temple-500: #5b966c;
--color-emerald-temple-600: #4d7f5c;
--color-emerald-temple-700: #3e6549;
--color-emerald-temple-800: #2d4a34;
--color-emerald-temple-900: #1e3423;
--color-emerald-temple-950: #0e1f12;
}SCSS
$emerald-temple: #2b5f3c;
$emerald-temple-rgb: 43, 95, 60;
$emerald-temple-light: mix(#fff, $emerald-temple, 20%);
$emerald-temple-dark: mix(#000, $emerald-temple, 20%);
.element {
color: $emerald-temple;
box-shadow: 0 0 0 2px rgba($emerald-temple, 0.35);
}