最も近い色名 · #050D34
#050D34
最も近い色名: Infinite Night
#050D34（rgb(5 13 52)、hsl(230 82% 11%)、oklch(0.184 0.077 267.6)）に最も近い色名はInfinite Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#050D34
oklch(0.184 0.077 267.6)
カラー変換
- HEX
- #050d34
- RGB
- rgb(5 13 52)
- HSL
- hsl(230 82% 11%)
- HWB
- hwb(230 2% 80%)
- OKLCH
- oklch(0.184 0.077 267.6)
- OKLab
- oklab(0.184 -0.003 -0.077)
- CIE Lab
- lab(4.79 8.12 -26.45)
- LCH
- lch(4.79 27.67 287.1)
- CMYK
- cmyk(90% 75% 0% 80%)
ティント · シェード · トーン
ティント
- 162347
- 2C385A
- 424E6E
- 5A6681
- 747D96
- 8E96AA
- A9AFBF
- C5C9D4
- E2E4E9
シェード
- 040A2C
- 030724
- 02051C
- 010315
- 01020E
- 000107
- 000003
- 000001
- 000000
トーン
- 0E193C
- 182444
- 242F4B
- 303A53
- 3C455B
- 495062
- 565C6A
- 646871
- 727479
カラーハーモニー
補色 +180°
- 050D34
Infinite Night
- 191100
≈ Chinese Black
類似色 -30° +30°
- 050D34
Infinite Night
- 001522
≈ Creeping Death
- 17062F
≈ Quiet Abyss
トライアド +120° +240°
- 050D34
Infinite Night
- 2C0001
≈ Sepia Black
- 001804
≈ Oil Slick
スプリットコンプリメンタリー +150° +210°
- 050D34
Infinite Night
- 200C00
≈ Super Black
- 111500
≈ Chinese Black
テトラード +90° +180° +270°
- 050D34
Infinite Night
- 290012
≈ Belladonna
- 191100
≈ Chinese Black
- 001712
≈ Black Glaze
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.85:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.11:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.85:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--infinite-night: #050d34;
--infinite-night-rgb: 5 13 52;
--infinite-night-oklch: oklch(0.184 0.077 267.6);
}
.element {
color: var(--infinite-night);
background-color: hsl(230 82% 11%);
border-color: oklch(0.184 0.077 267.6);
}Tailwind CSS v4
@theme {
--color-infinite-night: #050d34;
--color-infinite-night-50: #ecf5ff;
--color-infinite-night-100: #dde7ff;
--color-infinite-night-200: #c7d3f6;
--color-infinite-night-300: #a7b6e0;
--color-infinite-night-400: #8a9dcd;
--color-infinite-night-500: #7084ba;
--color-infinite-night-600: #5f709d;
--color-infinite-night-700: #4b5a7e;
--color-infinite-night-800: #35425e;
--color-infinite-night-900: #242d42;
--color-infinite-night-950: #131a2a;
}SCSS
$infinite-night: #050d34;
$infinite-night-rgb: 5, 13, 52;
$infinite-night-light: mix(#fff, $infinite-night, 20%);
$infinite-night-dark: mix(#000, $infinite-night, 20%);
.element {
color: $infinite-night;
box-shadow: 0 0 0 2px rgba($infinite-night, 0.35);
}