이름 색상 · #2A0033
Porphyrophobia
Porphyrophobia은(는) #2A0033: rgb(42 0 51), hsl(289 100% 10%), oklch(0.208 0.1 319.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Porphyrophobia color name →
#2A0033
oklch(0.208 0.1 319.8)
색상 변환
- HEX
- #2a0033
- RGB
- rgb(42 0 51)
- HSL
- hsl(289 100% 10%)
- HWB
- hwb(289 0% 80%)
- OKLCH
- oklch(0.208 0.1 319.8)
- OKLab
- oklab(0.208 0.076 -0.064)
- CIE Lab
- lab(6.47 27.51 -22.74)
- LCH
- lch(6.47 35.69 320.4)
- CMYK
- cmyk(18% 100% 0% 80%)
틴트 · 셰이드 · 톤
틴트
- 3D1846
- 513059
- 65476C
- 7A5F80
- 8F7894
- A592A9
- BBACBE
- D1C7D3
- E8E3E9
셰이드
- 23002B
- 1C0023
- 16001C
- 100014
- 0A000D
- 050007
- 020003
- 010001
- 000000
톤
- 330D3B
- 3B1B43
- 44274A
- 4C3452
- 55405A
- 5D4C61
- 665969
- 6F6671
- 777378
색 조화
보색 +180°
- 2A0033
Porphyrophobia
- 041E00
≈ Rainforest Nights
유사색 -30° +30°
- 2A0033
Porphyrophobia
- 1A0741
≈ Magic Whale
- 31001D
≈ Vienna Roast
삼각 배색 +120° +240°
- 2A0033
Porphyrophobia
- 221500
≈ Super Black
- 001C1E
≈ Black Stallion
분열 보색 +150° +210°
- 2A0033
Porphyrophobia
- 191900
≈ Pinch of Pepper
- 001E15
≈ Clock Chimes Thirteen
사각 배색 +90° +180° +270°
- 2A0033
Porphyrophobia
- 2B0E00
≈ Root Brew
- 041E00
≈ Rainforest Nights
- 001B27
≈ Oxford by Night
대비 및 접근성
Ag
AAA흰색 위
WCAG 18.32:1 · APCA Lc 104
Ag
Fail검은색 위
WCAG 1.14:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 18.32:1 (AAA) · APCA Lc 104
Contrast pairs
코드 스니펫
CSS
:root {
--porphyrophobia: #2a0033;
--porphyrophobia-rgb: 42 0 51;
--porphyrophobia-oklch: oklch(0.208 0.1 319.8);
}
.element {
color: var(--porphyrophobia);
background-color: hsl(289 100% 10%);
border-color: oklch(0.208 0.1 319.8);
}Tailwind CSS v4
@theme {
--color-porphyrophobia: #2a0033;
--color-porphyrophobia-50: #ffecff;
--color-porphyrophobia-100: #f8ddfc;
--color-porphyrophobia-200: #e9c7ee;
--color-porphyrophobia-300: #d0a7d6;
--color-porphyrophobia-400: #b98bc3;
--color-porphyrophobia-500: #a370af;
--color-porphyrophobia-600: #8a5f94;
--color-porphyrophobia-700: #6f4c77;
--color-porphyrophobia-800: #513759;
--color-porphyrophobia-900: #38263e;
--color-porphyrophobia-950: #231427;
}SCSS
$porphyrophobia: #2a0033;
$porphyrophobia-rgb: 42, 0, 51;
$porphyrophobia-light: mix(#fff, $porphyrophobia, 20%);
$porphyrophobia-dark: mix(#000, $porphyrophobia, 20%);
.element {
color: $porphyrophobia;
box-shadow: 0 0 0 2px rgba($porphyrophobia, 0.35);
}