色名 · #2E2249
Elderberry
Elderberryは#2E2249：rgb(46 34 73)、hsl(258 36% 21%)、oklch(0.287 0.07 295.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Elderberry color name →
#2E2249
oklch(0.287 0.07 295.9)
カラー変換
- HEX
- #2e2249
- RGB
- rgb(46 34 73)
- HSL
- hsl(258 36% 21%)
- HWB
- hwb(258 13% 71%)
- OKLCH
- oklch(0.287 0.07 295.9)
- OKLab
- oklab(0.287 0.031 -0.063)
- CIE Lab
- lab(16.3 13.74 -22.61)
- LCH
- lch(16.3 26.46 301.3)
- CMYK
- cmyk(37% 53% 0% 71%)
ティント · シェード · トーン
ティント
- 40355A
- 52496B
- 665E7D
- 7A738F
- 8F89A1
- A4A0B3
- BAB7C6
- D1CED9
- E8E6EC
シェード
- 271C3E
- 1F1634
- 18112A
- 120B20
- 0B0717
- 06030E
- 020106
- 010002
- 000000
トーン
- 352B4F
- 3D3454
- 453D5A
- 4D4660
- 555065
- 5D596B
- 666370
- 6E6C75
- 77767B
カラーハーモニー
補色 +180°
- 2E2249
Elderberry
- 292E00
≈ Blind Forest
類似色 -30° +30°
- 2E2249
Elderberry
- 1A284D
≈ Rurikon Blue
- 3C1D3D
≈ Kokimurasaki Purple
トライアド +120° +240°
- 2E2249
Elderberry
- 441F00
≈ Blackened Brown
- 003329
≈ Fence Green
スプリットコンプリメンタリー +150° +210°
- 2E2249
Elderberry
- 382800
≈ Secret Passage
- 0E3313
≈ Dark Serpent
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.57:1 · APCA Lc 101
Ag
Fail黒の上
WCAG 1.44:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.57:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--elderberry: #2e2249;
--elderberry-rgb: 46 34 73;
--elderberry-oklch: oklch(0.287 0.07 295.9);
}
.element {
color: var(--elderberry);
background-color: hsl(258 36% 21%);
border-color: oklch(0.287 0.07 295.9);
}Tailwind CSS v4
@theme {
--color-elderberry: #2e2249;
--color-elderberry-50: #f7f1ff;
--color-elderberry-100: #eae3fd;
--color-elderberry-200: #d7ceef;
--color-elderberry-300: #bbb0d7;
--color-elderberry-400: #a296c4;
--color-elderberry-500: #8a7db0;
--color-elderberry-600: #756a94;
--color-elderberry-700: #5d5477;
--color-elderberry-800: #433e59;
--color-elderberry-900: #2f2a3e;
--color-elderberry-950: #1b1827;
}SCSS
$elderberry: #2e2249;
$elderberry-rgb: 46, 34, 73;
$elderberry-light: mix(#fff, $elderberry, 20%);
$elderberry-dark: mix(#000, $elderberry, 20%);
.element {
color: $elderberry;
box-shadow: 0 0 0 2px rgba($elderberry, 0.35);
}