Adlandırılmış renk · #2A603B
Midori
Midori, #2A603B: rgb(42 96 59), hsl(139 39% 27%), oklch(0.442 0.084 151.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Midori color name →
#2A603B
oklch(0.442 0.084 151.8)
Renk dönüşümleri
- HEX
- #2a603b
- RGB
- rgb(42 96 59)
- HSL
- hsl(139 39% 27%)
- HWB
- hwb(139 16% 62%)
- OKLCH
- oklch(0.442 0.084 151.8)
- OKLab
- oklab(0.442 -0.074 0.04)
- CIE Lab
- lab(36.3 -25.77 15.52)
- LCH
- lch(36.3 30.09 148.9)
- CMYK
- cmyk(56% 0% 39% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 406F4D
- 547E5F
- 698D72
- 7D9D85
- 92AD98
- A7BDAC
- BDCDC0
- D3DED5
- E9EEEA
Koyu tonlar
- 235232
- 1C4529
- 163821
- 102C19
- 0A2011
- 051509
- 020A04
- 010301
- 000000
Gri tonlar
- 346342
- 3E6749
- 466A50
- 4F6D56
- 57705D
- 607464
- 68776B
- 707A72
- 787D79
Renk uyumları
Tamamlayıcı +180°
- 2A603B
Midori
- 6E4168
≈ Burnt Orchid
Analog -30° +30°
- 2A603B
Midori
- 4B5A20
≈ Obscure Olive
- 006156
≈ Philodendron
Üçlü +120° +240°
- 2A603B
Midori
- 434F81
≈ Blue Jewel
- 7B4035
≈ Aged Teak
Bölünmüş tamamlayıcı +150° +210°
- 2A603B
Midori
- 5C477A
≈ In the Vines
- 783E4F
≈ Vintage Merlot
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.40:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.83:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--midori: #2a603b;
--midori-rgb: 42 96 59;
--midori-oklch: oklch(0.442 0.084 151.8);
}
.element {
color: var(--midori);
background-color: hsl(139 39% 27%);
border-color: oklch(0.442 0.084 151.8);
}Tailwind CSS v4
@theme {
--color-midori: #2a603b;
--color-midori-50: #e4fdea;
--color-midori-100: #d3f1db;
--color-midori-200: #badfc4;
--color-midori-300: #96c4a4;
--color-midori-400: #79ad86;
--color-midori-500: #59966a;
--color-midori-600: #4c7f5a;
--color-midori-700: #3d6648;
--color-midori-800: #2c4b33;
--color-midori-900: #1e3422;
--color-midori-950: #0e1f12;
}SCSS
$midori: #2a603b;
$midori-rgb: 42, 96, 59;
$midori-light: mix(#fff, $midori, 20%);
$midori-dark: mix(#000, $midori, 20%);
.element {
color: $midori;
box-shadow: 0 0 0 2px rgba($midori, 0.35);
}