最も近い色名 · #1F0D3A
#1F0D3A
最も近い色名: Quiet Abyss
#1F0D3A（rgb(31 13 58)、hsl(264 63% 14%)、oklch(0.216 0.082 297.4)）に最も近い色名はQuiet Abyssです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1F0D3A
oklch(0.216 0.082 297.4)
カラー変換
- HEX
- #1f0d3a
- RGB
- rgb(31 13 58)
- HSL
- hsl(264 63% 14%)
- HWB
- hwb(264 5% 77%)
- OKLCH
- oklch(0.216 0.082 297.4)
- OKLab
- oklab(0.216 0.038 -0.073)
- CIE Lab
- lab(7.68 18.69 -26.02)
- LCH
- lch(7.68 32.03 305.7)
- CMYK
- cmyk(47% 78% 0% 77%)
ティント · シェード · トーン
ティント
- 31234C
- 44385F
- 594F72
- 6F6685
- 857E99
- 9C96AD
- B4B0C1
- CCC9D5
- E5E4EA
シェード
- 190A31
- 140728
- 0F0520
- 0A0318
- 060210
- 030109
- 010004
- 000001
- 000000
トーン
- 271941
- 302448
- 392F50
- 423A57
- 4C455E
- 565165
- 605C6C
- 6B6872
- 757479
カラーハーモニー
補色 +180°
- 1F0D3A
Quiet Abyss
- 181C00
≈ Yuzu Soy
類似色 -30° +30°
- 1F0D3A
Quiet Abyss
- 09153F
≈ Navy
- 2C062D
≈ Globe Thistle
トライアド +120° +240°
- 1F0D3A
Quiet Abyss
- 2B1200
≈ Shadow Play
- 002019
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 1F0D3A
Quiet Abyss
- 221800
≈ Cannon Black
- 002106
≈ Rainforest Nights
テトラード +90° +180° +270°
- 1F0D3A
Quiet Abyss
- 370303
≈ 3AM Breakup
- 181C00
≈ Yuzu Soy
- 001E22
≈ Stellar Explorer
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.84:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--quiet-abyss: #1f0d3a;
--quiet-abyss-rgb: 31 13 58;
--quiet-abyss-oklch: oklch(0.216 0.082 297.4);
}
.element {
color: var(--quiet-abyss);
background-color: hsl(264 63% 14%);
border-color: oklch(0.216 0.082 297.4);
}Tailwind CSS v4
@theme {
--color-quiet-abyss: #1f0d3a;
--color-quiet-abyss-50: #f8f0ff;
--color-quiet-abyss-100: #ebe2ff;
--color-quiet-abyss-200: #d9cdf3;
--color-quiet-abyss-300: #bdafdc;
--color-quiet-abyss-400: #a394ca;
--color-quiet-abyss-500: #8c7ab6;
--color-quiet-abyss-600: #77689a;
--color-quiet-abyss-700: #5f537b;
--color-quiet-abyss-800: #443d5c;
--color-quiet-abyss-900: #2f2a40;
--color-quiet-abyss-950: #1c1729;
}SCSS
$quiet-abyss: #1f0d3a;
$quiet-abyss-rgb: 31, 13, 58;
$quiet-abyss-light: mix(#fff, $quiet-abyss, 20%);
$quiet-abyss-dark: mix(#000, $quiet-abyss, 20%);
.element {
color: $quiet-abyss;
box-shadow: 0 0 0 2px rgba($quiet-abyss, 0.35);
}