最も近い色名 · #5E2D3A
#5E2D3A
最も近い色名: Siren
#5E2D3A（rgb(94 45 58)、hsl(344 35% 27%)、oklch(0.367 0.073 4.5)）に最も近い色名はSirenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5E2D3A
oklch(0.367 0.073 4.5)
カラー変換
- HEX
- #5e2d3a
- RGB
- rgb(94 45 58)
- HSL
- hsl(344 35% 27%)
- HWB
- hwb(344 18% 63%)
- OKLCH
- oklch(0.367 0.073 4.5)
- OKLab
- oklab(0.367 0.073 0.006)
- CIE Lab
- lab(25.65 23.94 2.51)
- LCH
- lch(25.65 24.07 6)
- CMYK
- cmyk(0% 52% 38% 63%)
ティント · シェード · トーン
ティント
- 6E404B
- 7E535D
- 8E6770
- 9E7C83
- AE9096
- BEA6AA
- CEBBBF
- DED2D4
- EFE8E9
シェード
- 512631
- 441F28
- 371820
- 2B1118
- 1F0B10
- 140609
- 0A0204
- 030101
- 000000
トーン
- 623541
- 663E47
- 6A464E
- 6E4E55
- 71565C
- 745E63
- 77676A
- 7A6F71
- 7D7879
カラーハーモニー
補色 +180°
- 5E2D3A
Siren
- 004A43
≈ Tropical Forest
類似色 -30° +30°
- 5E2D3A
Siren
- 562F4E
≈ Plum Skin
- 5F2F24
≈ Overbaked
トライアド +120° +240°
- 5E2D3A
Siren
- 364516
≈ Ceylanite
- 174262
≈ Forest Blues
スプリットコンプリメンタリー +150° +210°
- 5E2D3A
Siren
- 194A2D
≈ Order Green
- 004754
≈ Midnight Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.98:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.91:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.98:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--siren: #5e2d3a;
--siren-rgb: 94 45 58;
--siren-oklch: oklch(0.367 0.073 4.5);
}
.element {
color: var(--siren);
background-color: hsl(344 35% 27%);
border-color: oklch(0.367 0.073 4.5);
}Tailwind CSS v4
@theme {
--color-siren: #5e2d3a;
--color-siren-50: #ffedf2;
--color-siren-100: #ffdee4;
--color-siren-200: #f1c8cf;
--color-siren-300: #d9a8b1;
--color-siren-400: #c48d99;
--color-siren-500: #af7280;
--color-siren-600: #94606c;
--color-siren-700: #774d57;
--color-siren-800: #583840;
--color-siren-900: #3d262c;
--color-siren-950: #271419;
}SCSS
$siren: #5e2d3a;
$siren-rgb: 94, 45, 58;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}