Adlandırılmış renk · #009900
Islamic Green
Islamic Green, #009900: rgb(0 153 0), hsl(120 100% 30%), oklch(0.592 0.201 142.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Islamic Green color name →
#009900
oklch(0.592 0.201 142.5)
Renk dönüşümleri
- HEX
- #009900
- RGB
- rgb(0 153 0)
- HSL
- hsl(120 100% 30%)
- HWB
- hwb(120 0% 40%)
- OKLCH
- oklch(0.592 0.201 142.5)
- OKLab
- oklab(0.592 -0.16 0.123)
- CIE Lab
- lab(54.9 -54.14 55.32)
- LCH
- lch(54.9 77.4 134.4)
- CMYK
- cmyk(100% 0% 100% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 36A432
- 53AE4D
- 6BB965
- 81C37B
- 97CD91
- ACD7A7
- C1E1BD
- D5EBD3
- EAF5E9
Koyu tonlar
- 008400
- 007000
- 005D00
- 004A00
- 003800
- 002700
- 001700
- 000800
- 000100
Gri tonlar
- 269722
- 389533
- 459340
- 50914C
- 5A8E56
- 638C5F
- 6B8968
- 728670
- 798378
Renk uyumları
Tamamlayıcı +180°
- 009900
Islamic Green
- B348C2
≈ Ultraviolet Cryner
Analog -30° +30°
- 009900
Islamic Green
- 808500
≈ Elwynn Forest Olive
- 009377
≈ Dòu Lǜ Green
Üçlü +120° +240°
- 009900
Islamic Green
- 3774F3
≈ Hailey Blue
- DC3642
≈ Serial Kisses
Bölünmüş tamamlayıcı +150° +210°
- 009900
Islamic Green
- 855DE8
≈ Gloomy Purple
- D03889
≈ Shrine of Pleasures
Dörtlü +90° +180° +270°
- 009900
Islamic Green
- 0089B9
≈ Mermaid Dreams
- B348C2
≈ Ultraviolet Cryner
- C15E00
≈ Crema
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.77:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.55:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--islamic-green: #009900;
--islamic-green-rgb: 0 153 0;
--islamic-green-oklch: oklch(0.592 0.201 142.5);
}
.element {
color: var(--islamic-green);
background-color: hsl(120 100% 30%);
border-color: oklch(0.592 0.201 142.5);
}Tailwind CSS v4
@theme {
--color-islamic-green: #009900;
--color-islamic-green-50: #d2ffd2;
--color-islamic-green-100: #bffabe;
--color-islamic-green-200: #9deb9d;
--color-islamic-green-300: #6fd273;
--color-islamic-green-400: #47bb41;
--color-islamic-green-500: #00a400;
--color-islamic-green-600: #008b00;
--color-islamic-green-700: #006f00;
--color-islamic-green-800: #095200;
--color-islamic-green-900: #073900;
--color-islamic-green-950: #002300;
}SCSS
$islamic-green: #009900;
$islamic-green-rgb: 0, 153, 0;
$islamic-green-light: mix(#fff, $islamic-green, 20%);
$islamic-green-dark: mix(#000, $islamic-green, 20%);
.element {
color: $islamic-green;
box-shadow: 0 0 0 2px rgba($islamic-green, 0.35);
}