最も近い色名 · #542432
#542432
最も近い色名: Drops of God
#542432（rgb(84 36 50)、hsl(343 40% 24%)、oklch(0.333 0.073 3.5)）に最も近い色名はDrops of Godです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#542432
oklch(0.333 0.073 3.5)
カラー変換
- HEX
- #542432
- RGB
- rgb(84 36 50)
- HSL
- hsl(343 40% 24%)
- HWB
- hwb(343 14% 67%)
- OKLCH
- oklch(0.333 0.073 3.5)
- OKLab
- oklab(0.333 0.073 0.004)
- CIE Lab
- lab(21.69 24 2.04)
- LCH
- lch(21.69 24.09 4.9)
- CMYK
- cmyk(0% 57% 40% 67%)
ティント · シェード · トーン
ティント
- 653844
- 764C56
- 876069
- 98767D
- A98B92
- BAA1A7
- CBB8BC
- DCCFD2
- EEE7E8
シェード
- 481E2A
- 3C1822
- 31121B
- 260C14
- 1B070D
- 110407
- 080203
- 020001
- 000000
トーン
- 592D39
- 5E3641
- 633F48
- 684850
- 6C5157
- 705B5F
- 746467
- 786D6F
- 7C7778
カラーハーモニー
補色 +180°
- 542432
Drops of God
- 004039
≈ Botanical Night
類似色 -30° +30°
- 542432
Drops of God
- 4C2646
≈ Murasaki
- 55261C
≈ Caput Mortuum
トライアド +120° +240°
- 542432
Drops of God
- 2F3C0A
≈ Dark Olive
- 0A3959
≈ Gibraltar Sea
スプリットコンプリメンタリー +150° +210°
- 542432
Drops of God
- 0F4124
≈ Angel Green
- 003E48
≈ Ghostlands Coal
テトラード +90° +180° +270°
- 542432
Drops of God
- 423500
≈ Night in the Woods
- 004039
≈ Botanical Night
- 2A325B
≈ Quill Tip
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.53:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.67:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--drops-of-god: #542432;
--drops-of-god-rgb: 84 36 50;
--drops-of-god-oklch: oklch(0.333 0.073 3.5);
}
.element {
color: var(--drops-of-god);
background-color: hsl(343 40% 24%);
border-color: oklch(0.333 0.073 3.5);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #542432;
--color-drops-of-god-50: #ffedf2;
--color-drops-of-god-100: #ffdee4;
--color-drops-of-god-200: #f1c8d0;
--color-drops-of-god-300: #d9a8b2;
--color-drops-of-god-400: #c48d9a;
--color-drops-of-god-500: #af7281;
--color-drops-of-god-600: #94606d;
--color-drops-of-god-700: #774d57;
--color-drops-of-god-800: #583841;
--color-drops-of-god-900: #3d262c;
--color-drops-of-god-950: #27141a;
}SCSS
$drops-of-god: #542432;
$drops-of-god-rgb: 84, 36, 50;
$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);
}