이름 색상 · #443388
Majestic Eggplant
Majestic Eggplant은(는) #443388: rgb(68 51 136), hsl(252 45% 37%), oklch(0.39 0.136 287.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Majestic Eggplant color name →
#443388
oklch(0.39 0.136 287.6)
색상 변환
- HEX
- #443388
- RGB
- rgb(68 51 136)
- HSL
- hsl(252 45% 37%)
- HWB
- hwb(252 20% 47%)
- OKLCH
- oklch(0.39 0.136 287.6)
- OKLab
- oklab(0.39 0.041 -0.129)
- CIE Lab
- lab(27.16 25.64 -45.94)
- LCH
- lch(27.16 52.61 299.2)
- CMYK
- cmyk(50% 63% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 534795
- 645BA1
- 756FAD
- 8783B9
- 9A97C5
- ADABD1
- C1C0DD
- D5D4E8
- EAEAF4
셰이드
- 3A2B75
- 302363
- 261C52
- 1D1441
- 140D31
- 0C0722
- 050313
- 020106
- 000001
톤
- 493C88
- 4E4488
- 544C88
- 595487
- 5F5C87
- 666386
- 6C6A85
- 737283
- 797982
색 조화
보색 +180°
- 443388
Majestic Eggplant
- 4A4800
≈ No Emissions Green
유사색 -30° +30°
- 443388
Majestic Eggplant
- 06418C
≈ Pacific Depths
- 612673
≈ Berry Blackmail
삼각 배색 +120° +240°
- 443388
Majestic Eggplant
- 712E00
≈ Cold Press Coffee
- 00523C
≈ Trapper Green
분열 보색 +150° +210°
- 443388
Majestic Eggplant
- 5D3E00
≈ Hippogriff Brown
- 1F5300
≈ Donegal Green
사각 배색 +90° +180° +270°
- 443388
Majestic Eggplant
- 7E1829
≈ Seattle Red
- 4A4800
≈ No Emissions Green
- 005052
≈ Wool Turquoise
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.12:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.07:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--majestic-eggplant: #443388;
--majestic-eggplant-rgb: 68 51 136;
--majestic-eggplant-oklch: oklch(0.39 0.136 287.6);
}
.element {
color: var(--majestic-eggplant);
background-color: hsl(252 45% 37%);
border-color: oklch(0.39 0.136 287.6);
}Tailwind CSS v4
@theme {
--color-majestic-eggplant: #443388;
--color-majestic-eggplant-50: #f4efff;
--color-majestic-eggplant-100: #e6e1ff;
--color-majestic-eggplant-200: #d2cbff;
--color-majestic-eggplant-300: #b6acf8;
--color-majestic-eggplant-400: #9a91ea;
--color-majestic-eggplant-500: #8375da;
--color-majestic-eggplant-600: #6f63b8;
--color-majestic-eggplant-700: #584f94;
--color-majestic-eggplant-800: #3f3a6f;
--color-majestic-eggplant-900: #2b284e;
--color-majestic-eggplant-950: #191534;
}SCSS
$majestic-eggplant: #443388;
$majestic-eggplant-rgb: 68, 51, 136;
$majestic-eggplant-light: mix(#fff, $majestic-eggplant, 20%);
$majestic-eggplant-dark: mix(#000, $majestic-eggplant, 20%);
.element {
color: $majestic-eggplant;
box-shadow: 0 0 0 2px rgba($majestic-eggplant, 0.35);
}