最も近い色名 · #459AB6
#459AB6
最も近い色名: Enchanted Well
#459AB6（rgb(69 154 182)、hsl(195 45% 49%)、oklch(0.645 0.091 222.7)）に最も近い色名はEnchanted Wellです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#459AB6
oklch(0.645 0.091 222.7)
カラー変換
- HEX
- #459ab6
- RGB
- rgb(69 154 182)
- HSL
- hsl(195 45% 49%)
- HWB
- hwb(195 27% 29%)
- OKLCH
- oklch(0.645 0.091 222.7)
- OKLab
- oklab(0.645 -0.067 -0.062)
- CIE Lab
- lab(59.27 -20.17 -22.78)
- LCH
- lch(59.27 30.43 228.5)
- CMYK
- cmyk(62% 15% 0% 29%)
ティント · シェード · トーン
ティント
- 5BA4BD
- 6EAEC5
- 81B8CC
- 94C2D3
- A6CCDB
- B8D6E2
- C9E0E9
- DBEBF0
- EDF5F8
シェード
- 3B859E
- 317186
- 275E6F
- 1E4B59
- 153944
- 0C2730
- 05171D
- 02090C
- 000102
トーン
- 4E98B1
- 5695AB
- 5D93A6
- 6390A0
- 698E9B
- 6E8B96
- 738890
- 78868B
- 7C8385
カラーハーモニー
補色 +180°
- 459AB6
Enchanted Well
- BD7B60
≈ Autumn’s Hill
類似色 -30° +30°
- 459AB6
Enchanted Well
- 3C9F9D
≈ Baltic Green
- 6591C4
≈ Cobalt Glow
トライアド +120° +240°
- 459AB6
Enchanted Well
- B5779D
≈ Valentine Heart
- 98904B
≈ Delta Break
スプリットコンプリメンタリー +150° +210°
- 459AB6
Enchanted Well
- BE767E
≈ Cinnamon Roll
- B0854C
≈ Rice Curry
テトラード +90° +180° +270°
- 459AB6
Enchanted Well
- A17DB6
≈ Lush Lilac
- BD7B60
≈ Autumn’s Hill
- 789A5F
≈ Dry Moss
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.20:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.55:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--enchanted-well: #459ab6;
--enchanted-well-rgb: 69 154 182;
--enchanted-well-oklch: oklch(0.645 0.091 222.7);
}
.element {
color: var(--enchanted-well);
background-color: hsl(195 45% 49%);
border-color: oklch(0.645 0.091 222.7);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #459ab6;
--color-enchanted-well-50: #dafbff;
--color-enchanted-well-100: #c8efff;
--color-enchanted-well-200: #abddf2;
--color-enchanted-well-300: #83c2db;
--color-enchanted-well-400: #5cabc6;
--color-enchanted-well-500: #2f93b2;
--color-enchanted-well-600: #2a7c96;
--color-enchanted-well-700: #226478;
--color-enchanted-well-800: #154958;
--color-enchanted-well-900: #0d333e;
--color-enchanted-well-950: #011f27;
}SCSS
$enchanted-well: #459ab6;
$enchanted-well-rgb: 69, 154, 182;
$enchanted-well-light: mix(#fff, $enchanted-well, 20%);
$enchanted-well-dark: mix(#000, $enchanted-well, 20%);
.element {
color: $enchanted-well;
box-shadow: 0 0 0 2px rgba($enchanted-well, 0.35);
}