色名 · #DE0C62
Exotic Liras
Exotic Lirasは#DE0C62：rgb(222 12 98)、hsl(335 90% 46%)、oklch(0.58 0.229 7.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Exotic Liras color name →
#DE0C62
oklch(0.58 0.229 7.3)
カラー変換
- HEX
- #de0c62
- RGB
- rgb(222 12 98)
- HSL
- hsl(335 90% 46%)
- HWB
- hwb(335 5% 13%)
- OKLCH
- oklch(0.58 0.229 7.3)
- OKLab
- oklab(0.58 0.227 0.029)
- CIE Lab
- lab(48.58 73.97 13.12)
- LCH
- lch(48.58 75.12 10.1)
- CMYK
- cmyk(0% 95% 56% 13%)
ティント · シェード · トーン
ティント
- E53D71
- EB597F
- F1708E
- F5869E
- F99BAD
- FCAFBD
- FEC3CD
- FFD7DE
- FFEBEE
シェード
- C10954
- A50647
- 89043A
- 6F032D
- 550221
- 3D0116
- 26000B
- 120003
- 020000
トーン
- D62C65
- CF3E68
- C74A6B
- BE556E
- B55E71
- AC6674
- A26D77
- 98747A
- 8C7A7D
カラーハーモニー
補色 +180°
- DE0C62
Exotic Liras
- 008D85
≈ Aqua Experience
類似色 -30° +30°
- DE0C62
Exotic Liras
- C729A9
≈ Perfectly Purple Place
- D33F00
≈ Lava Smoothie
トライアド +120° +240°
- DE0C62
Exotic Liras
- 618A00
≈ Sap Green
- 007FCF
≈ Electron Blue
スプリットコンプリメンタリー +150° +210°
- DE0C62
Exotic Liras
- 009259
≈ Emerald Isle
- 0089A2
≈ Teal Blue
テトラード +90° +180° +270°
- DE0C62
Exotic Liras
- 8E7A00
≈ Moscow Papyrus
- 008D85
≈ Aqua Experience
- 615EFD
≈ Blue Genie
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.84:1 · APCA Lc 71
Ag
Fail黒の上
WCAG 4.33:1 · APCA Lc 31
最適な文字色: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--exotic-liras: #de0c62;
--exotic-liras-rgb: 222 12 98;
--exotic-liras-oklch: oklch(0.58 0.229 7.3);
}
.element {
color: var(--exotic-liras);
background-color: hsl(335 90% 46%);
border-color: oklch(0.58 0.229 7.3);
}Tailwind CSS v4
@theme {
--color-exotic-liras: #de0c62;
--color-exotic-liras-50: #ffdae7;
--color-exotic-liras-100: #ffc8d7;
--color-exotic-liras-200: #ffa9bf;
--color-exotic-liras-300: #ff7e9e;
--color-exotic-liras-400: #ff5286;
--color-exotic-liras-500: #f5006b;
--color-exotic-liras-600: #cf095b;
--color-exotic-liras-700: #a70b48;
--color-exotic-liras-800: #7c0537;
--color-exotic-liras-900: #580526;
--color-exotic-liras-950: #3b0014;
}SCSS
$exotic-liras: #de0c62;
$exotic-liras-rgb: 222, 12, 98;
$exotic-liras-light: mix(#fff, $exotic-liras, 20%);
$exotic-liras-dark: mix(#000, $exotic-liras, 20%);
.element {
color: $exotic-liras;
box-shadow: 0 0 0 2px rgba($exotic-liras, 0.35);
}