이름 색상 · #009E6D
Hassan II Mosque
Hassan II Mosque은(는) #009E6D: rgb(0 158 109), hsl(161 100% 31%), oklch(0.618 0.135 162.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Hassan II Mosque color name →
#009E6D
oklch(0.618 0.135 162.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 39A87B
- 56B289
- 6EBB97
- 84C5A5
- 99CFB4
- AED8C3
- C2E2D1
- D7ECE0
- EBF5F0
셰이드
- 00895E
- 00744F
- 006041
- 004D33
- 003A26
- 002919
- 00180D
- 000904
- 000101
톤
- 289B6F
- 3B9971
- 489673
- 539375
- 5C9077
- 658D79
- 6C8A7B
- 73877C
- 7A837E
색 조화
보색 +180°
- 009E6D
Hassan II Mosque
- BB629B
≈ Spring Crocus
유사색 -30° +30°
- 009E6D
Hassan II Mosque
- 659639
≈ Bitter Leaf
- 009997
≈ Regula Barbara Blue
삼각 배색 +120° +240°
- 009E6D
Hassan II Mosque
- 7B79D4
≈ Kickstart Purple
- C7673E
≈ Determined Orange
분열 보색 +150° +210°
- 009E6D
Hassan II Mosque
- A16BBF
≈ Prickly Purple
- C95F6F
≈ Triple Berry
사각 배색 +90° +180° +270°
- 009E6D
Hassan II Mosque
- 4388D4
≈ Blue Sonki
- BB629B
≈ Spring Crocus
- B57600
≈ Sweet Mulled Cider
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.43:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.11:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
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);
}