最も近い色名 · #031928
#031928
最も近い色名: Oxford by Night
#031928（rgb(3 25 40)、hsl(204 86% 8%)、oklch(0.204 0.042 240.8)）に最も近い色名はOxford by Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#031928
oklch(0.204 0.042 240.8)
カラー変換
- HEX
- #031928
- RGB
- rgb(3 25 40)
- HSL
- hsl(204 86% 8%)
- HWB
- hwb(204 1% 84%)
- OKLCH
- oklch(0.204 0.042 240.8)
- OKLab
- oklab(0.204 -0.02 -0.036)
- CIE Lab
- lab(7.64 -3.95 -13.1)
- LCH
- lch(7.64 13.68 253.2)
- CMYK
- cmyk(93% 38% 0% 84%)
ティント · シェード · トーン
ティント
- 182C3B
- 2E404E
- 455662
- 5D6C77
- 76838C
- 909AA2
- ABB3B9
- C6CCD0
- E2E5E7
シェード
- 021421
- 02101B
- 010B15
- 01070F
- 000409
- 000204
- 000102
- 000001
- 000000
トーン
- 0E2230
- 1A2C39
- 263641
- 32404A
- 3E4A53
- 4B545B
- 585F64
- 656A6E
- 727577
カラーハーモニー
補色 +180°
- 031928
Oxford by Night
- 241203
≈ Severely Burnt Toast
類似色 -30° +30°
- 031928
Oxford by Night
- 001B20
≈ Creeping Death
- 10162A
≈ Sambucus
トライアド +120° +240°
- 031928
Oxford by Night
- 260E16
≈ Italian Roast
- 141A03
≈ Pinch of Pepper
スプリットコンプリメンタリー +150° +210°
- 031928
Oxford by Night
- 270F0B
≈ Root Brew
- 1E1600
≈ Noir Mystique
テトラード +90° +180° +270°
- 031928
Oxford by Night
- 220F20
≈ Inside
- 241203
≈ Severely Burnt Toast
- 071C0D
≈ Pinch of Pepper
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.89:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.89:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--oxford-by-night: #031928;
--oxford-by-night-rgb: 3 25 40;
--oxford-by-night-oklch: oklch(0.204 0.042 240.8);
}
.element {
color: var(--oxford-by-night);
background-color: hsl(204 86% 8%);
border-color: oklch(0.204 0.042 240.8);
}Tailwind CSS v4
@theme {
--color-oxford-by-night: #031928;
--color-oxford-by-night-50: #ebf7ff;
--color-oxford-by-night-100: #dceaf5;
--color-oxford-by-night-200: #c6d7e5;
--color-oxford-by-night-300: #a6bacb;
--color-oxford-by-night-400: #89a2b5;
--color-oxford-by-night-500: #6e8aa0;
--color-oxford-by-night-600: #5d7587;
--color-oxford-by-night-700: #4a5e6c;
--color-oxford-by-night-800: #35454f;
--color-oxford-by-night-900: #242f37;
--color-oxford-by-night-950: #131c22;
}SCSS
$oxford-by-night: #031928;
$oxford-by-night-rgb: 3, 25, 40;
$oxford-by-night-light: mix(#fff, $oxford-by-night, 20%);
$oxford-by-night-dark: mix(#000, $oxford-by-night, 20%);
.element {
color: $oxford-by-night;
box-shadow: 0 0 0 2px rgba($oxford-by-night, 0.35);
}