色名 · #B74A70
Lake Red
Lake Redは#B74A70：rgb(183 74 112)、hsl(339 43% 50%)、oklch(0.563 0.146 1.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Lake Red color name →
#B74A70
oklch(0.563 0.146 1.2)
カラー変換
- HEX
- #b74a70
- RGB
- rgb(183 74 112)
- HSL
- hsl(339 43% 50%)
- HWB
- hwb(339 29% 28%)
- OKLCH
- oklch(0.563 0.146 1.2)
- OKLab
- oklab(0.563 0.146 0.003)
- CIE Lab
- lab(47.53 47.54 1.81)
- LCH
- lch(47.53 47.57 2.2)
- CMYK
- cmyk(0% 60% 39% 28%)
ティント · シェード · トーン
ティント
- C05D7D
- C96F8B
- D18199
- D993A7
- E0A5B5
- E7B7C3
- EEC9D2
- F4DBE1
- FAEDF0
シェード
- 9F3F60
- 873551
- 702A43
- 5A2035
- 451727
- 310E1A
- 1E060E
- 0C0204
- 020001
トーン
- B35172
- AE5873
- A95E75
- A46376
- 9F6878
- 9A6E7A
- 94727B
- 8E777D
- 877C7E
カラーハーモニー
補色 +180°
- B74A70
Lake Red
- 008879
≈ Green Ink
類似色 -30° +30°
- B74A70
Lake Red
- A4519C
≈ Plum Dust
- BB4E3C
≈ Glowing Coals
トライアド +120° +240°
- B74A70
Lake Red
- 6A8100
≈ Jungle Vibes
- 007DBB
≈ Blue Bazaar
スプリットコンプリメンタリー +150° +210°
- B74A70
Lake Red
- 128C46
≈ Grass Court
- 008496
≈ Cruising
テトラード +90° +180° +270°
- B74A70
Lake Red
- 8F7200
≈ Vermin Brown
- 008879
≈ Green Ink
- 576DCA
≈ Borage Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.96:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.22:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--lake-red: #b74a70;
--lake-red-rgb: 183 74 112;
--lake-red-oklch: oklch(0.563 0.146 1.2);
}
.element {
color: var(--lake-red);
background-color: hsl(339 43% 50%);
border-color: oklch(0.563 0.146 1.2);
}Tailwind CSS v4
@theme {
--color-lake-red: #b74a70;
--color-lake-red-50: #ffe5f1;
--color-lake-red-100: #ffd4e3;
--color-lake-red-200: #ffbace;
--color-lake-red-300: #f697b0;
--color-lake-red-400: #e37799;
--color-lake-red-500: #d05580;
--color-lake-red-600: #b0496c;
--color-lake-red-700: #8d3a57;
--color-lake-red-800: #692941;
--color-lake-red-900: #4a1c2d;
--color-lake-red-950: #300b1a;
}SCSS
$lake-red: #b74a70;
$lake-red-rgb: 183, 74, 112;
$lake-red-light: mix(#fff, $lake-red, 20%);
$lake-red-dark: mix(#000, $lake-red, 20%);
.element {
color: $lake-red;
box-shadow: 0 0 0 2px rgba($lake-red, 0.35);
}