色名 · #6E0060
Hexed Lichen
Hexed Lichenは#6E0060：rgb(110 0 96)、hsl(308 100% 22%)、oklch(0.369 0.164 335.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Hexed Lichen color name →
#6E0060
oklch(0.369 0.164 335.2)
カラー変換
- HEX
- #6e0060
- RGB
- rgb(110 0 96)
- HSL
- hsl(308 100% 22%)
- HWB
- hwb(308 0% 57%)
- OKLCH
- oklch(0.369 0.164 335.2)
- OKLab
- oklab(0.369 0.149 -0.069)
- CIE Lab
- lab(24.25 48.78 -24.61)
- LCH
- lch(24.25 54.64 333.2)
- CMYK
- cmyk(0% 100% 13% 57%)
ティント · シェード · トーン
ティント
- 7E276F
- 8D407F
- 9C588E
- AB6F9E
- BA86AE
- C89EBE
- D6B6CE
- E4CEDE
- F2E6EE
シェード
- 5F0052
- 500045
- 410038
- 33002C
- 260020
- 190015
- 0E000A
- 040003
- 010000
トーン
- 711964
- 742967
- 77366A
- 79416E
- 7B4C71
- 7D5774
- 7E6177
- 7F6C7A
- 80767D
カラーハーモニー
補色 +180°
- 6E0060
Hexed Lichen
- 004D29
≈ Troll Green
類似色 -30° +30°
- 6E0060
Hexed Lichen
- 551982
≈ American Violet
- 780034
≈ Merlot
トライアド +120° +240°
- 6E0060
Hexed Lichen
- 4C3E00
≈ Xanthophobia
- 004855
≈ Midnight Green
スプリットコンプリメンタリー +150° +210°
- 6E0060
Hexed Lichen
- 344700
≈ Garden Shadow
- 004A44
≈ Tropical Forest
テトラード +90° +180° +270°
- 6E0060
Hexed Lichen
- 5C3500
≈ Chocolate Fantasies
- 004D29
≈ Troll Green
- 00436D
≈ Indigo Dye
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.46:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 1.83:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 11.46:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--hexed-lichen: #6e0060;
--hexed-lichen-rgb: 110 0 96;
--hexed-lichen-oklch: oklch(0.369 0.164 335.2);
}
.element {
color: var(--hexed-lichen);
background-color: hsl(308 100% 22%);
border-color: oklch(0.369 0.164 335.2);
}Tailwind CSS v4
@theme {
--color-hexed-lichen: #6e0060;
--color-hexed-lichen-50: #ffe4ff;
--color-hexed-lichen-100: #ffd4fc;
--color-hexed-lichen-200: #ffb9ee;
--color-hexed-lichen-300: #ed96d6;
--color-hexed-lichen-400: #d876c4;
--color-hexed-lichen-500: #c554b0;
--color-hexed-lichen-600: #a64895;
--color-hexed-lichen-700: #853977;
--color-hexed-lichen-800: #62295a;
--color-hexed-lichen-900: #451b3f;
--color-hexed-lichen-950: #2c0b28;
}SCSS
$hexed-lichen: #6e0060;
$hexed-lichen-rgb: 110, 0, 96;
$hexed-lichen-light: mix(#fff, $hexed-lichen, 20%);
$hexed-lichen-dark: mix(#000, $hexed-lichen, 20%);
.element {
color: $hexed-lichen;
box-shadow: 0 0 0 2px rgba($hexed-lichen, 0.35);
}