色名 · #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);
}