最も近い色名 · #002381
#002381
最も近い色名: Lost in Heaven
#002381（rgb(0 35 129)、hsl(224 100% 25%)、oklch(0.315 0.161 263.1)）に最も近い色名はLost in Heavenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#002381
oklch(0.315 0.161 263.1)
カラー変換
- HEX
- #002381
- RGB
- rgb(0 35 129)
- HSL
- hsl(224 100% 25%)
- HWB
- hwb(224 0% 49%)
- OKLCH
- oklch(0.315 0.161 263.1)
- OKLab
- oklab(0.315 -0.019 -0.16)
- CIE Lab
- lab(18.08 23.08 -56.62)
- LCH
- lch(18.08 61.14 292.2)
- CMYK
- cmyk(100% 73% 0% 49%)
ティント · シェード · トーン
ティント
- 163B8F
- 2E529C
- 4667AA
- 5E7CB7
- 7891C3
- 91A7D0
- ACBDDC
- C7D2E8
- E3E9F4
シェード
- 001D6F
- 00175E
- 00114E
- 000C3E
- 00072E
- 00041F
- 000112
- 000006
- 000001
トーン
- 0C3082
- 193A83
- 264484
- 334E84
- 3F5684
- 4C5F84
- 596884
- 667083
- 737882
カラーハーモニー
補色 +180°
- 002381
Lost in Heaven
- 412E00
≈ Hidden Passage
類似色 -30° +30°
- 002381
Lost in Heaven
- 00364D
≈ Sea of Stars
- 3A0D79
≈ Persian Indigo
トライアド +120° +240°
- 002381
Lost in Heaven
- 63000E
≈ Rosewood
- 003E03
≈ Hunter Green
スプリットコンプリメンタリー +150° +210°
- 002381
Lost in Heaven
- 502400
≈ Evil Cigar
- 323500
≈ Wasabi Nori
テトラード +90° +180° +270°
- 002381
Lost in Heaven
- 5E0037
≈ Mulberry Wood
- 412E00
≈ Hidden Passage
- 003B2F
≈ Night Turquoise
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.48:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.55:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.48:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--lost-in-heaven: #002381;
--lost-in-heaven-rgb: 0 35 129;
--lost-in-heaven-oklch: oklch(0.315 0.161 263.1);
}
.element {
color: var(--lost-in-heaven);
background-color: hsl(224 100% 25%);
border-color: oklch(0.315 0.161 263.1);
}Tailwind CSS v4
@theme {
--color-lost-in-heaven: #002381;
--color-lost-in-heaven-50: #dff5ff;
--color-lost-in-heaven-100: #cee8ff;
--color-lost-in-heaven-200: #b3d3ff;
--color-lost-in-heaven-300: #8fb5ff;
--color-lost-in-heaven-400: #6b9bfd;
--color-lost-in-heaven-500: #4b80ef;
--color-lost-in-heaven-600: #406cca;
--color-lost-in-heaven-700: #3357a2;
--color-lost-in-heaven-800: #204079;
--color-lost-in-heaven-900: #152c56;
--color-lost-in-heaven-950: #07193a;
}SCSS
$lost-in-heaven: #002381;
$lost-in-heaven-rgb: 0, 35, 129;
$lost-in-heaven-light: mix(#fff, $lost-in-heaven, 20%);
$lost-in-heaven-dark: mix(#000, $lost-in-heaven, 20%);
.element {
color: $lost-in-heaven;
box-shadow: 0 0 0 2px rgba($lost-in-heaven, 0.35);
}