最も近い色名 · #46707C
#46707C
最も近い色名: Winter Storm
#46707C（rgb(70 112 124)、hsl(193 28% 38%)、oklch(0.519 0.05 217.9)）に最も近い色名はWinter Stormです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#46707C
oklch(0.519 0.05 217.9)
カラー変換
- HEX
- #46707c
- RGB
- rgb(70 112 124)
- HSL
- hsl(193 28% 38%)
- HWB
- hwb(193 27% 51%)
- OKLCH
- oklch(0.519 0.05 217.9)
- OKLab
- oklab(0.519 -0.04 -0.031)
- CIE Lab
- lab(44.52 -12.66 -11.54)
- LCH
- lch(44.52 17.13 222.4)
- CMYK
- cmyk(44% 10% 0% 51%)
ティント · シェード · トーン
ティント
- 587D88
- 6A8B95
- 7C99A2
- 8EA7AF
- A0B5BC
- B3C4C9
- C5D2D6
- D8E1E4
- ECF0F1
シェード
- 3C606B
- 32515A
- 28434A
- 1E353B
- 15272C
- 0D1A1E
- 050E11
- 020405
- 000101
トーン
- 4C727C
- 53737D
- 59757D
- 5F777E
- 64787E
- 6A7A7F
- 707B7F
- 757D7F
- 7B7E80
カラーハーモニー
補色 +180°
- 46707C
Winter Storm
- 835F54
≈ Chocolate Bliss
類似色 -30° +30°
- 46707C
Winter Storm
- 45726E
≈ Sinkhole
- 526C85
≈ Aurora Borealis
トライアド +120° +240°
- 46707C
Winter Storm
- 7C5E73
≈ Chicha Morada
- 706947
≈ Austere
スプリットコンプリメンタリー +150° +210°
- 46707C
Winter Storm
- 835D63
≈ Tarsier
- 7C6349
≈ Bonnie’s Bench
テトラード +90° +180° +270°
- 46707C
Winter Storm
- 71617F
≈ Grape Compote
- 835F54
≈ Chocolate Bliss
- 606E4F
≈ Hinterland
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.42:1 · APCA Lc 77
Ag
Fail黒の上
WCAG 3.86:1 · APCA Lc 25
最適な文字色: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--winter-storm: #46707c;
--winter-storm-rgb: 70 112 124;
--winter-storm-oklch: oklch(0.519 0.05 217.9);
}
.element {
color: var(--winter-storm);
background-color: hsl(193 28% 38%);
border-color: oklch(0.519 0.05 217.9);
}Tailwind CSS v4
@theme {
--color-winter-storm: #46707c;
--color-winter-storm-50: #e6f9ff;
--color-winter-storm-100: #d6ecf4;
--color-winter-storm-200: #bedae3;
--color-winter-storm-300: #9cbec9;
--color-winter-storm-400: #7da6b2;
--color-winter-storm-500: #5f8f9c;
--color-winter-storm-600: #517984;
--color-winter-storm-700: #40616a;
--color-winter-storm-800: #2e474e;
--color-winter-storm-900: #1f3136;
--color-winter-storm-950: #0f1d21;
}SCSS
$winter-storm: #46707c;
$winter-storm-rgb: 70, 112, 124;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}