最も近い色名 · #514A6E
#514A6E
最も近い色名: Nightly Walk
#514A6E（rgb(81 74 110)、hsl(252 20% 36%)、oklch(0.431 0.059 292.7)）に最も近い色名はNightly Walkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#514A6E
oklch(0.431 0.059 292.7)
カラー変換
- HEX
- #514a6e
- RGB
- rgb(81 74 110)
- HSL
- hsl(252 20% 36%)
- HWB
- hwb(252 29% 57%)
- OKLCH
- oklch(0.431 0.059 292.7)
- OKLab
- oklab(0.431 0.023 -0.055)
- CIE Lab
- lab(33.32 9.56 -19.89)
- LCH
- lch(33.32 22.07 295.7)
- CMYK
- cmyk(26% 33% 0% 57%)
ティント · シェード · トーン
ティント
- 615A7C
- 716B8A
- 817D98
- 928EA6
- A3A0B5
- B5B3C3
- C7C5D2
- D9D8E1
- ECEBF0
シェード
- 453F5F
- 3A3550
- 2F2A41
- 242033
- 1A1726
- 100E19
- 07060E
- 020204
- 000001
トーン
- 554F70
- 5A5572
- 5E5A74
- 635F76
- 686578
- 6D6A79
- 71707B
- 76757D
- 7B7B7E
カラーハーモニー
補色 +180°
- 514A6E
Nightly Walk
- 50542C
≈ Warplock Bronze
類似色 -30° +30°
- 514A6E
Nightly Walk
- 3F5071
≈ Blue Flag
- 604563
≈ Pansy Petal
トライアド +120° +240°
- 514A6E
Nightly Walk
- 6A4731
≈ Axe Handle
- 295B4D
≈ Old Money
スプリットコンプリメンタリー +150° +210°
- 514A6E
Nightly Walk
- 604D28
≈ Jungle Beat
- 3D593A
≈ Ficus
テトラード +90° +180° +270°
- 514A6E
Nightly Walk
- 6D4341
≈ Autumn Leaves
- 50542C
≈ Warplock Bronze
- 205A5E
≈ Moonlit Pool
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.22:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.55:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--nightly-walk: #514a6e;
--nightly-walk-rgb: 81 74 110;
--nightly-walk-oklch: oklch(0.431 0.059 292.7);
}
.element {
color: var(--nightly-walk);
background-color: hsl(252 20% 36%);
border-color: oklch(0.431 0.059 292.7);
}Tailwind CSS v4
@theme {
--color-nightly-walk: #514a6e;
--color-nightly-walk-50: #f6f2ff;
--color-nightly-walk-100: #e9e4fa;
--color-nightly-walk-200: #d5d0ec;
--color-nightly-walk-300: #b9b2d3;
--color-nightly-walk-400: #9f98bf;
--color-nightly-walk-500: #877faa;
--color-nightly-walk-600: #726c90;
--color-nightly-walk-700: #5b5673;
--color-nightly-walk-800: #423f56;
--color-nightly-walk-900: #2e2b3c;
--color-nightly-walk-950: #1a1926;
}SCSS
$nightly-walk: #514a6e;
$nightly-walk-rgb: 81, 74, 110;
$nightly-walk-light: mix(#fff, $nightly-walk, 20%);
$nightly-walk-dark: mix(#000, $nightly-walk, 20%);
.element {
color: $nightly-walk;
box-shadow: 0 0 0 2px rgba($nightly-walk, 0.35);
}