色名 · #C11C84
Rrosy-Fingered Dawn
Rrosy-Fingered Dawnは#C11C84：rgb(193 28 132)、hsl(322 75% 43%)、oklch(0.546 0.213 348.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Rrosy-Fingered Dawn color name →
#C11C84
oklch(0.546 0.213 348.8)
カラー変換
- HEX
- #c11c84
- RGB
- rgb(193 28 132)
- HSL
- hsl(322 75% 43%)
- HWB
- hwb(322 11% 24%)
- OKLCH
- oklch(0.546 0.213 348.8)
- OKLab
- oklab(0.546 0.209 -0.042)
- CIE Lab
- lab(44.37 66.9 -14.8)
- LCH
- lch(44.37 68.52 347.5)
- CMYK
- cmyk(0% 85% 32% 24%)
ティント · シェード · トーン
ティント
- CA3F90
- D3589C
- DA6FA8
- E284B4
- E899C0
- EEADCD
- F4C2D9
- F8D6E6
- FCEBF2
シェード
- A71772
- 8F1260
- 770D4F
- 5F083F
- 49052F
- 340220
- 200112
- 0E0006
- 020001
トーン
- BC3084
- B73E83
- B24A83
- AC5483
- A65C82
- A06482
- 996C82
- 917381
- 897A81
カラーハーモニー
補色 +180°
- C11C84
Rrosy-Fingered Dawn
- 008465
≈ Shadows of Time
類似色 -30° +30°
- C11C84
Rrosy-Fingered Dawn
- A235BD
≈ Pink Spyro
- CF0E3B
≈ Toreador
トライアド +120° +240°
- C11C84
Rrosy-Fingered Dawn
- 777500
≈ Mongolian Plateau
- 007BA2
≈ Bleu Ciel
スプリットコンプリメンタリー +150° +210°
- C11C84
Rrosy-Fingered Dawn
- 308600
≈ Green Bell Pepper
- 008084
≈ Teal
テトラード +90° +180° +270°
- C11C84
Rrosy-Fingered Dawn
- 936700
≈ Gamboge Brown
- 008465
≈ Shadows of Time
- 0067E7
≈ Epic Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.57:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.76:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--rrosy-fingered-dawn: #c11c84;
--rrosy-fingered-dawn-rgb: 193 28 132;
--rrosy-fingered-dawn-oklch: oklch(0.546 0.213 348.8);
}
.element {
color: var(--rrosy-fingered-dawn);
background-color: hsl(322 75% 43%);
border-color: oklch(0.546 0.213 348.8);
}Tailwind CSS v4
@theme {
--color-rrosy-fingered-dawn: #c11c84;
--color-rrosy-fingered-dawn-50: #ffddfd;
--color-rrosy-fingered-dawn-100: #ffcbf1;
--color-rrosy-fingered-dawn-200: #ffade0;
--color-rrosy-fingered-dawn-300: #ff85c5;
--color-rrosy-fingered-dawn-400: #f45eb3;
--color-rrosy-fingered-dawn-500: #e22b9d;
--color-rrosy-fingered-dawn-600: #bf2884;
--color-rrosy-fingered-dawn-700: #9a206a;
--color-rrosy-fingered-dawn-800: #721651;
--color-rrosy-fingered-dawn-900: #500e38;
--color-rrosy-fingered-dawn-950: #350123;
}SCSS
$rrosy-fingered-dawn: #c11c84;
$rrosy-fingered-dawn-rgb: 193, 28, 132;
$rrosy-fingered-dawn-light: mix(#fff, $rrosy-fingered-dawn, 20%);
$rrosy-fingered-dawn-dark: mix(#000, $rrosy-fingered-dawn, 20%);
.element {
color: $rrosy-fingered-dawn;
box-shadow: 0 0 0 2px rgba($rrosy-fingered-dawn, 0.35);
}