色名 · #571E2F
Drops of God
Drops of Godは#571E2F：rgb(87 30 47)、hsl(342 49% 23%)、oklch(0.327 0.086 4.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Drops of God color name →
#571E2F
oklch(0.327 0.086 4.6)
カラー変換
- HEX
- #571e2f
- RGB
- rgb(87 30 47)
- HSL
- hsl(342 49% 23%)
- HWB
- hwb(342 12% 66%)
- OKLCH
- oklch(0.327 0.086 4.6)
- OKLab
- oklab(0.327 0.086 0.007)
- CIE Lab
- lab(20.92 28.1 3.11)
- LCH
- lch(20.92 28.27 6.3)
- CMYK
- cmyk(0% 66% 46% 66%)
ティント · シェード · トーン
ティント
- 683341
- 794854
- 8A5D67
- 9A737B
- AB8990
- BC9FA5
- CDB7BB
- DDCED1
- EEE6E8
シェード
- 4B1927
- 3E1320
- 330E19
- 270912
- 1C050C
- 120306
- 080103
- 030001
- 000000
トーン
- 5C2836
- 61323E
- 663C46
- 6A464E
- 6E4F56
- 72595E
- 766266
- 7A6C6F
- 7D7677
カラーハーモニー
補色 +180°
- 571E2F
Drops of God
- 003E38
≈ Rich Black
類似色 -30° +30°
- 571E2F
Drops of God
- 4E2146
≈ Prestige Mauve
- 582113
≈ Peaty Brown
トライアド +120° +240°
- 571E2F
Drops of God
- 2B3B00
≈ Dark Olive
- 00385B
≈ Incremental Blue
スプリットコンプリメンタリー +150° +210°
- 571E2F
Drops of God
- 004021
≈ Angel Green
- 003C47
≈ Ghostlands Coal
テトラード +90° +180° +270°
- 571E2F
Drops of God
- 403400
≈ Night in the Woods
- 003E38
≈ Rich Black
- 282F60
≈ Underwater Realm
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.86:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.63:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.86:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--drops-of-god: #571e2f;
--drops-of-god-rgb: 87 30 47;
--drops-of-god-oklch: oklch(0.327 0.086 4.6);
}
.element {
color: var(--drops-of-god);
background-color: hsl(342 49% 23%);
border-color: oklch(0.327 0.086 4.6);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #571e2f;
--color-drops-of-god-50: #ffecf1;
--color-drops-of-god-100: #ffdde3;
--color-drops-of-god-200: #f6c6ce;
--color-drops-of-god-300: #dfa6b0;
--color-drops-of-god-400: #ca8998;
--color-drops-of-god-500: #b66d7f;
--color-drops-of-god-600: #9a5d6b;
--color-drops-of-god-700: #7b4a56;
--color-drops-of-god-800: #5b3540;
--color-drops-of-god-900: #40242c;
--color-drops-of-god-950: #291319;
}SCSS
$drops-of-god: #571e2f;
$drops-of-god-rgb: 87, 30, 47;
$drops-of-god-light: mix(#fff, $drops-of-god, 20%);
$drops-of-god-dark: mix(#000, $drops-of-god, 20%);
.element {
color: $drops-of-god;
box-shadow: 0 0 0 2px rgba($drops-of-god, 0.35);
}