最も近い色名 · #14264B
#14264B
最も近い色名: Dark Eclipse
#14264B（rgb(20 38 75)、hsl(220 58% 19%)、oklch(0.276 0.073 263)）に最も近い色名はDark Eclipseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#14264B
oklch(0.276 0.073 263)
カラー変換
- HEX
- #14264b
- RGB
- rgb(20 38 75)
- HSL
- hsl(220 58% 19%)
- HWB
- hwb(220 8% 71%)
- OKLCH
- oklch(0.276 0.073 263)
- OKLab
- oklab(0.276 -0.009 -0.072)
- CIE Lab
- lab(15.34 3.62 -25.67)
- LCH
- lch(15.34 25.93 278)
- CMYK
- cmyk(73% 49% 0% 71%)
ティント · シェード · トーン
ティント
- 28395C
- 3C4D6D
- 52617F
- 697690
- 808CA2
- 98A2B4
- B1B9C7
- CAD0D9
- E4E7EC
シェード
- 102040
- 0C1935
- 08132B
- 050D21
- 030817
- 01040E
- 010206
- 000102
- 000000
トーン
- 1E2F51
- 283856
- 32405C
- 3D4961
- 475266
- 525B6C
- 5D6471
- 696D76
- 74777B
カラーハーモニー
補色 +180°
- 14264B
Dark Eclipse
- 352500
≈ Black Swan
類似色 -30° +30°
- 14264B
Dark Eclipse
- 002C3F
≈ Murky Depths
- 2A1F48
≈ Elderberry
トライアド +120° +240°
- 14264B
Dark Eclipse
- 451616
≈ English Breakfast
- 0E300D
≈ Dark Serpent
スプリットコンプリメンタリー +150° +210°
- 14264B
Dark Eclipse
- 411C00
≈ Bath in Chocolate
- 282B00
≈ Darkest Forest
テトラード +90° +180° +270°
- 14264B
Dark Eclipse
- 41162B
≈ Blackberry
- 352500
≈ Black Swan
- 003025
≈ Dark Jungle
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.90:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.40:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.90:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--dark-eclipse: #14264b;
--dark-eclipse-rgb: 20 38 75;
--dark-eclipse-oklch: oklch(0.276 0.073 263);
}
.element {
color: var(--dark-eclipse);
background-color: hsl(220 58% 19%);
border-color: oklch(0.276 0.073 263);
}Tailwind CSS v4
@theme {
--color-dark-eclipse: #14264b;
--color-dark-eclipse-50: #ebf5ff;
--color-dark-eclipse-100: #dce8ff;
--color-dark-eclipse-200: #c5d4f4;
--color-dark-eclipse-300: #a5b7dd;
--color-dark-eclipse-400: #889fca;
--color-dark-eclipse-500: #6d86b7;
--color-dark-eclipse-600: #5c729a;
--color-dark-eclipse-700: #4a5b7c;
--color-dark-eclipse-800: #34435c;
--color-dark-eclipse-900: #232e40;
--color-dark-eclipse-950: #121b29;
}SCSS
$dark-eclipse: #14264b;
$dark-eclipse-rgb: 20, 38, 75;
$dark-eclipse-light: mix(#fff, $dark-eclipse, 20%);
$dark-eclipse-dark: mix(#000, $dark-eclipse, 20%);
.element {
color: $dark-eclipse;
box-shadow: 0 0 0 2px rgba($dark-eclipse, 0.35);
}