色名 · #EE55EE
Lake Retba Pink
Lake Retba Pinkは#EE55EE：rgb(238 85 238)、hsl(300 82% 63%)、oklch(0.708 0.251 327.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Lake Retba Pink color name →
#EE55EE
oklch(0.708 0.251 327.8)
カラー変換
- HEX
- #ee55ee
- RGB
- rgb(238 85 238)
- HSL
- hsl(300 82% 63%)
- HWB
- hwb(300 33% 7%)
- OKLCH
- oklch(0.708 0.251 327.8)
- OKLab
- oklab(0.708 0.212 -0.133)
- CIE Lab
- lab(62.27 72.24 -47.98)
- LCH
- lch(62.27 86.72 326.4)
- CMYK
- cmyk(0% 64% 0% 7%)
ティント · シェード · トーン
ティント
- F16BF1
- F57EF3
- F790F5
- FAA1F7
- FCB1F9
- FDC1FB
- FED1FC
- FFE1FD
- FFF0FE
シェード
- CF49CF
- B13DB1
- 933193
- 772677
- 5C1C5C
- 421142
- 2A082A
- 140214
- 030003
トーン
- E45DE3
- D964D8
- CE6ACD
- C46FC2
- B973B7
- AE77AC
- A37AA1
- 987C96
- 8C7E8B
カラーハーモニー
補色 +180°
- EE55EE
Lake Retba Pink
- 00C14D
≈ Lǜ Sè Green
類似色 -30° +30°
- EE55EE
Lake Retba Pink
- AF85FF
≈ Lilac Geode
- FF5DA1
≈ Neon Sunset
トライアド +120° +240°
- EE55EE
Lake Retba Pink
- C79A00
≈ Molten Bronze
- 00B5C8
≈ Lago Blue
スプリットコンプリメンタリー +150° +210°
- EE55EE
Lake Retba Pink
- 99AD00
≈ Elysia Chlorotica
- 00BBA1
≈ Aare River
テトラード +90° +180° +270°
- EE55EE
Lake Retba Pink
- ED8100
≈ Rè Dài Chéng Orange
- 00C14D
≈ Lǜ Sè Green
- 00ADF6
≈ Democrat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.92:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.16:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.16:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--lake-retba-pink: #ee55ee;
--lake-retba-pink-rgb: 238 85 238;
--lake-retba-pink-oklch: oklch(0.708 0.251 327.8);
}
.element {
color: var(--lake-retba-pink);
background-color: hsl(300 82% 63%);
border-color: oklch(0.708 0.251 327.8);
}Tailwind CSS v4
@theme {
--color-lake-retba-pink: #ee55ee;
--color-lake-retba-pink-50: #ffdcff;
--color-lake-retba-pink-100: #ffc9ff;
--color-lake-retba-pink-200: #ffabff;
--color-lake-retba-pink-300: #fc81f4;
--color-lake-retba-pink-400: #e858e8;
--color-lake-retba-pink-500: #d519d7;
--color-lake-retba-pink-600: #b41cb6;
--color-lake-retba-pink-700: #911792;
--color-lake-retba-pink-800: #6a0f6f;
--color-lake-retba-pink-900: #4b0a4e;
--color-lake-retba-pink-950: #310034;
}SCSS
$lake-retba-pink: #ee55ee;
$lake-retba-pink-rgb: 238, 85, 238;
$lake-retba-pink-light: mix(#fff, $lake-retba-pink, 20%);
$lake-retba-pink-dark: mix(#000, $lake-retba-pink, 20%);
.element {
color: $lake-retba-pink;
box-shadow: 0 0 0 2px rgba($lake-retba-pink, 0.35);
}