色名 · #E79DB3
Always Rosey
Always Roseyは#E79DB3：rgb(231 157 179)、hsl(342 61% 76%)、oklch(0.774 0.092 0.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Always Rosey color name →
#E79DB3
oklch(0.774 0.092 0.1)
カラー変換
- HEX
- #e79db3
- RGB
- rgb(231 157 179)
- HSL
- hsl(342 61% 76%)
- HWB
- hwb(342 62% 9%)
- OKLCH
- oklch(0.774 0.092 0.1)
- OKLab
- oklab(0.774 0.092 0)
- CIE Lab
- lab(72.68 30.59 0.4)
- LCH
- lch(72.68 30.59 0.8)
- CMYK
- cmyk(0% 32% 23% 9%)
ティント · シェード · トーン
ティント
- EAA7BA
- EDB1C2
- F0BAC9
- F3C4D1
- F5CED8
- F7D8E0
- FAE1E8
- FCEBEF
- FDF5F7
シェード
- C9889B
- AB7384
- 8F5F6E
- 734C58
- 593A43
- 40282F
- 28181D
- 13090C
- 030101
トーン
- DD9AAE
- D298A9
- C895A3
- BE929E
- B48F99
- A98C94
- 9F898F
- 95868A
- 8A8385
カラーハーモニー
補色 +180°
- E79DB3
Always Rosey
- 6DC9B8
≈ Shockwave
類似色 -30° +30°
- E79DB3
Always Rosey
- D8A0D2
≈ Velvet Horizon
- EBA093
≈ Rose Dusk
トライアド +120° +240°
- E79DB3
Always Rosey
- AEBF7B
≈ Lime Lollipop
- 7EBEEB
≈ C’est la Vie
スプリットコンプリメンタリー +150° +210°
- E79DB3
Always Rosey
- 8BC797
≈ Good Luck Charm
- 68C6D6
≈ Rushing Stream
テトラード +90° +180° +270°
- E79DB3
Always Rosey
- CCB36F
≈ Autumn Wandering
- 6DC9B8
≈ Shockwave
- 9FB3F1
≈ Wondrous Wisteria
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.87:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--always-rosey: #e79db3;
--always-rosey-rgb: 231 157 179;
--always-rosey-oklch: oklch(0.774 0.092 0.1);
}
.element {
color: var(--always-rosey);
background-color: hsl(342 61% 76%);
border-color: oklch(0.774 0.092 0.1);
}Tailwind CSS v4
@theme {
--color-always-rosey: #e79db3;
--color-always-rosey-50: #ffebf3;
--color-always-rosey-100: #ffdce5;
--color-always-rosey-200: #f7c5d1;
--color-always-rosey-300: #e0a4b3;
--color-always-rosey-400: #cc879c;
--color-always-rosey-500: #b86b83;
--color-always-rosey-600: #9b5b6f;
--color-always-rosey-700: #7d4959;
--color-always-rosey-800: #5c3442;
--color-always-rosey-900: #40242e;
--color-always-rosey-950: #29121a;
}SCSS
$always-rosey: #e79db3;
$always-rosey-rgb: 231, 157, 179;
$always-rosey-light: mix(#fff, $always-rosey, 20%);
$always-rosey-dark: mix(#000, $always-rosey, 20%);
.element {
color: $always-rosey;
box-shadow: 0 0 0 2px rgba($always-rosey, 0.35);
}