最も近い色名 · #55252F
#55252F
最も近い色名: Drops of God
#55252F（rgb(85 37 47)、hsl(348 39% 24%)、oklch(0.335 0.072 8.7)）に最も近い色名はDrops of Godです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#55252F
oklch(0.335 0.072 8.7)
カラー変換
- HEX
- #55252f
- RGB
- rgb(85 37 47)
- HSL
- hsl(348 39% 24%)
- HWB
- hwb(348 15% 67%)
- OKLCH
- oklch(0.335 0.072 8.7)
- OKLab
- oklab(0.335 0.071 0.011)
- CIE Lab
- lab(22.02 23.58 4.59)
- LCH
- lch(22.02 24.03 11)
- CMYK
- cmyk(0% 56% 45% 67%)
ティント · シェード · トーン
ティント
- 663941
- 774D54
- 876167
- 98767B
- A98C90
- BAA2A5
- CBB8BB
- DCD0D1
- EEE7E8
シェード
- 491F27
- 3D1920
- 311319
- 260D12
- 1C080C
- 110406
- 080203
- 020001
- 000000
トーン
- 5A2E36
- 5F373E
- 644046
- 68494E
- 6D5256
- 715B5E
- 756466
- 796D6F
- 7C7777
カラーハーモニー
補色 +180°
- 55252F
Drops of God
- 00403D
≈ Rich Black
類似色 -30° +30°
- 55252F
Drops of God
- 4E2743
≈ Murasaki
- 552819
≈ Boson Brown
トライアド +120° +240°
- 55252F
Drops of God
- 2B3D11
≈ Hinterlands Green
- 14395A
≈ Poseidon
スプリットコンプリメンタリー +150° +210°
- 55252F
Drops of God
- 084228
≈ Angel Green
- 003E4C
≈ Ghostlands Coal
テトラード +90° +180° +270°
- 55252F
Drops of God
- 403700
≈ Camouflage
- 00403D
≈ Rich Black
- 2F325B
≈ Quill Tip
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.41:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.69:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.41:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--drops-of-god: #55252f;
--drops-of-god-rgb: 85 37 47;
--drops-of-god-oklch: oklch(0.335 0.072 8.7);
}
.element {
color: var(--drops-of-god);
background-color: hsl(348 39% 24%);
border-color: oklch(0.335 0.072 8.7);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #55252f;
--color-drops-of-god-50: #ffedf0;
--color-drops-of-god-100: #ffdfe2;
--color-drops-of-god-200: #f1c8cd;
--color-drops-of-god-300: #d9a9ae;
--color-drops-of-god-400: #c58d96;
--color-drops-of-god-500: #b0727c;
--color-drops-of-god-600: #956169;
--color-drops-of-god-700: #774d54;
--color-drops-of-god-800: #58383e;
--color-drops-of-god-900: #3e262b;
--color-drops-of-god-950: #271418;
}SCSS
$drops-of-god: #55252f;
$drops-of-god-rgb: 85, 37, 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);
}