色名 · #C69EAE
Damsel
Damselは#C69EAE：rgb(198 158 174)、hsl(336 26% 70%)、oklch(0.74 0.052 352.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Damsel color name →
#C69EAE
oklch(0.74 0.052 352.5)
カラー変換
- HEX
- #c69eae
- RGB
- rgb(198 158 174)
- HSL
- hsl(336 26% 70%)
- HWB
- hwb(336 62% 22%)
- OKLCH
- oklch(0.74 0.052 352.5)
- OKLab
- oklab(0.74 0.051 -0.007)
- CIE Lab
- lab(69.21 17.19 -2.39)
- LCH
- lch(69.21 17.36 352.1)
- CMYK
- cmyk(0% 20% 12% 22%)
ティント · シェード · トーン
ティント
- CCA7B6
- D2B1BE
- D7BAC6
- DDC4CE
- E3CED6
- E9D7DE
- EEE1E6
- F4EBEE
- F9F5F7
シェード
- AC8997
- 927480
- 7A606A
- 624D55
- 4B3A41
- 35292E
- 21181C
- 0E090B
- 020101
トーン
- BF9BA9
- B898A5
- B195A0
- AA929B
- A38F97
- 9C8C92
- 95898E
- 8E8689
- 878384
カラーハーモニー
補色 +180°
- C69EAE
Damsel
- 8AB6A7
≈ Source Green
類似色 -30° +30°
- C69EAE
Damsel
- BBA1BF
≈ Beach Lilac
- CA9F9C
≈ Remembrance
トライアド +120° +240°
- C69EAE
Damsel
- ABAF89
≈ Wall Green
- 8BB1C7
≈ Batch Blue
スプリットコンプリメンタリー +150° +210°
- C69EAE
Damsel
- 99B496
≈ Dew Green
- 84B5B9
≈ Lifeboat Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.90:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--damsel: #c69eae;
--damsel-rgb: 198 158 174;
--damsel-oklch: oklch(0.74 0.052 352.5);
}
.element {
color: var(--damsel);
background-color: hsl(336 26% 70%);
border-color: oklch(0.74 0.052 352.5);
}Tailwind CSS v4
@theme {
--color-damsel: #c69eae;
--color-damsel-50: #ffeff6;
--color-damsel-100: #f7e1e9;
--color-damsel-200: #e7ccd5;
--color-damsel-300: #ceadb9;
--color-damsel-400: #b892a1;
--color-damsel-500: #a27889;
--color-damsel-600: #896674;
--color-damsel-700: #6e515d;
--color-damsel-800: #513b45;
--color-damsel-900: #38292f;
--color-damsel-950: #23161c;
}SCSS
$damsel: #c69eae;
$damsel-rgb: 198, 158, 174;
$damsel-light: mix(#fff, $damsel, 20%);
$damsel-dark: mix(#000, $damsel, 20%);
.element {
color: $damsel;
box-shadow: 0 0 0 2px rgba($damsel, 0.35);
}