色名 · #DC7B7C
Babe
Babeは#DC7B7C：rgb(220 123 124)、hsl(359 58% 67%)、oklch(0.69 0.121 20)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Babe color name →
#DC7B7C
oklch(0.69 0.121 20)
カラー変換
- HEX
- #dc7b7c
- RGB
- rgb(220 123 124)
- HSL
- hsl(359 58% 67%)
- HWB
- hwb(359 48% 14%)
- OKLCH
- oklch(0.69 0.121 20)
- OKLab
- oklab(0.69 0.113 0.041)
- CIE Lab
- lab(62.8 38.52 17.01)
- LCH
- lch(62.8 42.11 23.8)
- CMYK
- cmyk(0% 44% 44% 14%)
ティント · シェード · トーン
ティント
- E18889
- E59695
- EAA3A2
- EEB0AF
- F1BDBC
- F5CAC9
- F8D7D6
- FAE5E4
- FDF2F1
シェード
- BF6A6B
- A35A5A
- 884A4A
- 6E3A3B
- 542C2C
- 3C1E1E
- 261011
- 110505
- 020101
トーン
- D37C7D
- CA7D7D
- C27E7E
- B97F7E
- B07F7E
- A6807F
- 9D807F
- 94807F
- 8A8080
カラーハーモニー
補色 +180°
- DC7B7C
Babe
- 00B1B8
≈ Marrakech Mile
類似色 -30° +30°
- DC7B7C
Babe
- D37BA6
≈ Wild Orchid
- D78453
≈ Copperhead
トライアド +120° +240°
- DC7B7C
Babe
- 71AE64
≈ Ferntastic
- 6E9BE6
≈ Guilliman Blue
スプリットコンプリメンタリー +150° +210°
- DC7B7C
Babe
- 36B390
≈ Walk in the Woods
- 36A8D7
≈ Modal
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.92:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.16:1 · APCA Lc 46
最適な文字色: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
コードスニペット
CSS
:root {
--babe: #dc7b7c;
--babe-rgb: 220 123 124;
--babe-oklch: oklch(0.69 0.121 20);
}
.element {
color: var(--babe);
background-color: hsl(359 58% 67%);
border-color: oklch(0.69 0.121 20);
}Tailwind CSS v4
@theme {
--color-babe: #dc7b7c;
--color-babe-50: #ffe8e6;
--color-babe-100: #ffd9d6;
--color-babe-200: #ffc0bd;
--color-babe-300: #ef9f9c;
--color-babe-400: #dd8081;
--color-babe-500: #ca6164;
--color-babe-600: #aa5355;
--color-babe-700: #894244;
--color-babe-800: #662f32;
--color-babe-900: #472022;
--color-babe-950: #2e0f11;
}SCSS
$babe: #dc7b7c;
$babe-rgb: 220, 123, 124;
$babe-light: mix(#fff, $babe, 20%);
$babe-dark: mix(#000, $babe, 20%);
.element {
color: $babe;
box-shadow: 0 0 0 2px rgba($babe, 0.35);
}