Adlandırılmış renk · #009E6D
Hassan II Mosque
Hassan II Mosque, #009E6D: rgb(0 158 109), hsl(161 100% 31%), oklch(0.618 0.135 162.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? → · Hassan II Mosque color name →
#009E6D
oklch(0.618 0.135 162.5)
Renk dönüşümleri
- HEX
- #009e6d
- RGB
- rgb(0 158 109)
- HSL
- hsl(161 100% 31%)
- HWB
- hwb(161 0% 38%)
- OKLCH
- oklch(0.618 0.135 162.5)
- OKLab
- oklab(0.618 -0.128 0.04)
- CIE Lab
- lab(57.5 -45.79 15.37)
- LCH
- lch(57.5 48.3 161.4)
- CMYK
- cmyk(100% 0% 31% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A87B
- 56B289
- 6EBB97
- 84C5A5
- 99CFB4
- AED8C3
- C2E2D1
- D7ECE0
- EBF5F0
Koyu tonlar
- 00895E
- 00744F
- 006041
- 004D33
- 003A26
- 002919
- 00180D
- 000904
- 000101
Gri tonlar
- 289B6F
- 3B9971
- 489673
- 539375
- 5C9077
- 658D79
- 6C8A7B
- 73877C
- 7A837E
Renk uyumları
Tamamlayıcı +180°
- 009E6D
Hassan II Mosque
- BB629B
≈ Spring Crocus
Analog -30° +30°
- 009E6D
Hassan II Mosque
- 659639
≈ Bitter Leaf
- 009997
≈ Regula Barbara Blue
Üçlü +120° +240°
- 009E6D
Hassan II Mosque
- 7B79D4
≈ Kickstart Purple
- C7673E
≈ Determined Orange
Bölünmüş tamamlayıcı +150° +210°
- 009E6D
Hassan II Mosque
- A16BBF
≈ Prickly Purple
- C95F6F
≈ Triple Berry
Dörtlü +90° +180° +270°
- 009E6D
Hassan II Mosque
- 4388D4
≈ Blue Sonki
- BB629B
≈ Spring Crocus
- B57600
≈ Sweet Mulled Cider
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.43:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.11:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--hassan-ii-mosque: #009e6d;
--hassan-ii-mosque-rgb: 0 158 109;
--hassan-ii-mosque-oklch: oklch(0.618 0.135 162.5);
}
.element {
color: var(--hassan-ii-mosque);
background-color: hsl(161 100% 31%);
border-color: oklch(0.618 0.135 162.5);
}Tailwind CSS v4
@theme {
--color-hassan-ii-mosque: #009e6d;
--color-hassan-ii-mosque-50: #d3ffeb;
--color-hassan-ii-mosque-100: #bff7dc;
--color-hassan-ii-mosque-200: #9de7c5;
--color-hassan-ii-mosque-300: #6fcda6;
--color-hassan-ii-mosque-400: #41b787;
--color-hassan-ii-mosque-500: #00a16b;
--color-hassan-ii-mosque-600: #00885b;
--color-hassan-ii-mosque-700: #006d48;
--color-hassan-ii-mosque-800: #005032;
--color-hassan-ii-mosque-900: #003822;
--color-hassan-ii-mosque-950: #002211;
}SCSS
$hassan-ii-mosque: #009e6d;
$hassan-ii-mosque-rgb: 0, 158, 109;
$hassan-ii-mosque-light: mix(#fff, $hassan-ii-mosque, 20%);
$hassan-ii-mosque-dark: mix(#000, $hassan-ii-mosque, 20%);
.element {
color: $hassan-ii-mosque;
box-shadow: 0 0 0 2px rgba($hassan-ii-mosque, 0.35);
}