最も近い色名 · #010E10
#010E10
最も近い色名: Black Stallion
#010E10（rgb(1 14 16)、hsl(188 88% 3%)、oklch(0.151 0.023 205.6)）に最も近い色名はBlack Stallionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#010E10
oklch(0.151 0.023 205.6)
カラー変換
- HEX
- #010e10
- RGB
- rgb(1 14 16)
- HSL
- hsl(188 88% 3%)
- HWB
- hwb(188 0% 94%)
- OKLCH
- oklch(0.151 0.023 205.6)
- OKLab
- oklab(0.151 -0.021 -0.01)
- CIE Lab
- lab(3.19 -3.39 -2.3)
- LCH
- lch(3.19 4.09 214.2)
- CMYK
- cmyk(94% 12% 0% 94%)
ティント · シェード · トーン
ティント
- 122123
- 283638
- 3F4C4D
- 586364
- 717B7C
- 8C9495
- A8AEAE
- C4C8C9
- E1E3E4
シェード
- 010B0C
- 010709
- 000506
- 000304
- 000202
- 000101
- 000000
- 000000
- 000000
トーン
- 09181A
- 152224
- 212D2E
- 2D3839
- 3A4344
- 484F50
- 555B5B
- 636767
- 717374
カラーハーモニー
補色 +180°
- 010E10
Black Stallion
- 140707
≈ Knight Rider
類似色 -30° +30°
- 010E10
Black Stallion
- 020E0B
≈ Alpine Salamander
- 030D14
≈ Dark Rift
トライアド +120° +240°
- 010E10
Black Stallion
- 100811
≈ Noir Fiction
- 100A02
≈ Blackout
スプリットコンプリメンタリー +150° +210°
- 010E10
Black Stallion
- 13070C
≈ Noir Fiction
- 130903
≈ Asphalt
テトラード +90° +180° +270°
- 010E10
Black Stallion
- 0C0914
≈ Narwhal Grey
- 140707
≈ Knight Rider
- 0B0C03
≈ Whiten’t
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.59:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.07:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.59:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--black-stallion: #010e10;
--black-stallion-rgb: 1 14 16;
--black-stallion-oklch: oklch(0.151 0.023 205.6);
}
.element {
color: var(--black-stallion);
background-color: hsl(188 88% 3%);
border-color: oklch(0.151 0.023 205.6);
}Tailwind CSS v4
@theme {
--color-black-stallion: #010e10;
--color-black-stallion-50: #eef7f8;
--color-black-stallion-100: #dfeaec;
--color-black-stallion-200: #c9d7d9;
--color-black-stallion-300: #aabbbd;
--color-black-stallion-400: #8fa3a5;
--color-black-stallion-500: #758b8e;
--color-black-stallion-600: #637678;
--color-black-stallion-700: #4f5e60;
--color-black-stallion-800: #394546;
--color-black-stallion-900: #273030;
--color-black-stallion-950: #151c1d;
}SCSS
$black-stallion: #010e10;
$black-stallion-rgb: 1, 14, 16;
$black-stallion-light: mix(#fff, $black-stallion, 20%);
$black-stallion-dark: mix(#000, $black-stallion, 20%);
.element {
color: $black-stallion;
box-shadow: 0 0 0 2px rgba($black-stallion, 0.35);
}