最も近い色名 · #631C2A
#631C2A
最も近い色名: Forbidden Passion
#631C2A（rgb(99 28 42)、hsl(348 56% 25%)、oklch(0.345 0.102 12.7)）に最も近い色名はForbidden Passionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#631C2A
oklch(0.345 0.102 12.7)
カラー変換
- HEX
- #631c2a
- RGB
- rgb(99 28 42)
- HSL
- hsl(348 56% 25%)
- HWB
- hwb(348 11% 61%)
- OKLCH
- oklch(0.345 0.102 12.7)
- OKLab
- oklab(0.345 0.1 0.022)
- CIE Lab
- lab(22.82 33.17 9.64)
- LCH
- lch(22.82 34.55 16.2)
- CMYK
- cmyk(0% 72% 58% 61%)
ティント · シェード · トーン
ティント
- 74333C
- 84484F
- 945D63
- A47378
- B3898D
- C3A0A3
- D2B7B9
- E1CFD0
- F0E7E7
シェード
- 551723
- 47121C
- 3A0D16
- 2E0810
- 21050A
- 160205
- 0B0102
- 030001
- 000000
トーン
- 672832
- 6B323A
- 6F3C42
- 72464B
- 755053
- 78595C
- 7B6365
- 7D6D6E
- 7F7677
カラーハーモニー
補色 +180°
- 631C2A
Forbidden Passion
- 004341
≈ Warm Black
類似色 -30° +30°
- 631C2A
Forbidden Passion
- 5B1F47
≈ Plum Caspia
- 622201
≈ Raw Chocolate
トライアド +120° +240°
- 631C2A
Forbidden Passion
- 244300
≈ Forest Green
- 03396C
≈ Ateneo Blue
スプリットコンプリメンタリー +150° +210°
- 631C2A
Forbidden Passion
- 00452D
≈ UP Forest Green
- 004051
≈ Maniac Mansion
テトラード +90° +180° +270°
- 631C2A
Forbidden Passion
- 403A00
≈ Camouflage
- 004341
≈ Warm Black
- 332F6C
≈ Deep Koamaru
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.13:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.73:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.13:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--forbidden-passion: #631c2a;
--forbidden-passion-rgb: 99 28 42;
--forbidden-passion-oklch: oklch(0.345 0.102 12.7);
}
.element {
color: var(--forbidden-passion);
background-color: hsl(348 56% 25%);
border-color: oklch(0.345 0.102 12.7);
}Tailwind CSS v4
@theme {
--color-forbidden-passion: #631c2a;
--color-forbidden-passion-50: #ffeaec;
--color-forbidden-passion-100: #ffdbdd;
--color-forbidden-passion-200: #fdc3c6;
--color-forbidden-passion-300: #e7a2a7;
--color-forbidden-passion-400: #d3858e;
--color-forbidden-passion-500: #c06873;
--color-forbidden-passion-600: #a25862;
--color-forbidden-passion-700: #82464e;
--color-forbidden-passion-800: #60333a;
--color-forbidden-passion-900: #442228;
--color-forbidden-passion-950: #2b1116;
}SCSS
$forbidden-passion: #631c2a;
$forbidden-passion-rgb: 99, 28, 42;
$forbidden-passion-light: mix(#fff, $forbidden-passion, 20%);
$forbidden-passion-dark: mix(#000, $forbidden-passion, 20%);
.element {
color: $forbidden-passion;
box-shadow: 0 0 0 2px rgba($forbidden-passion, 0.35);
}