最も近い色名 · #495F89
#495F89
最も近い色名: Wizard
#495F89（rgb(73 95 137)、hsl(219 30% 41%)、oklch(0.486 0.073 262.8)）に最も近い色名はWizardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#495F89
oklch(0.486 0.073 262.8)
カラー変換
- HEX
- #495f89
- RGB
- rgb(73 95 137)
- HSL
- hsl(219 30% 41%)
- HWB
- hwb(219 29% 46%)
- OKLCH
- oklch(0.486 0.073 262.8)
- OKLab
- oklab(0.486 -0.009 -0.073)
- CIE Lab
- lab(39.92 0.66 -26.32)
- LCH
- lch(39.92 26.33 271.4)
- CMYK
- cmyk(47% 31% 0% 46%)
ティント · シェード · トーン
ティント
- 5A6E95
- 6A7DA0
- 7C8DAC
- 8E9CB8
- A0ACC4
- B2BCCF
- C5CDDB
- D8DDE7
- EBEEF3
シェード
- 3E5276
- 344464
- 2A3853
- 202C42
- 172031
- 0E1522
- 060A14
- 020307
- 000001
トーン
- 4E6288
- 546688
- 596987
- 5F6D86
- 647085
- 6A7384
- 6F7683
- 757A82
- 7A7D81
カラーハーモニー
補色 +180°
- 495F89
Wizard
- 745B2B
≈ Moss Brown
類似色 -30° +30°
- 495F89
Wizard
- 2F6682
≈ Byron Place
- 615785
≈ Vigorous Violet
トライアド +120° +240°
- 495F89
Wizard
- 844E4C
≈ Cherokee Red
- 466A43
≈ Jungle Adventure
スプリットコンプリメンタリー +150° +210°
- 495F89
Wizard
- 805337
≈ Brazilian Brown
- 606430
≈ Gretchin Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.39:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.28:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--wizard: #495f89;
--wizard-rgb: 73 95 137;
--wizard-oklch: oklch(0.486 0.073 262.8);
}
.element {
color: var(--wizard);
background-color: hsl(219 30% 41%);
border-color: oklch(0.486 0.073 262.8);
}Tailwind CSS v4
@theme {
--color-wizard: #495f89;
--color-wizard-50: #ebf5ff;
--color-wizard-100: #dce8ff;
--color-wizard-200: #c5d5f4;
--color-wizard-300: #a5b8de;
--color-wizard-400: #889fca;
--color-wizard-500: #6c86b7;
--color-wizard-600: #5c729b;
--color-wizard-700: #495b7c;
--color-wizard-800: #34435c;
--color-wizard-900: #232e40;
--color-wizard-950: #121b29;
}SCSS
$wizard: #495f89;
$wizard-rgb: 73, 95, 137;
$wizard-light: mix(#fff, $wizard, 20%);
$wizard-dark: mix(#000, $wizard, 20%);
.element {
color: $wizard;
box-shadow: 0 0 0 2px rgba($wizard, 0.35);
}