最も近い色名 · #1E8CC2
#1E8CC2
最も近い色名: Forget-Me-Not
#1E8CC2（rgb(30 140 194)、hsl(200 73% 44%)、oklch(0.607 0.123 236.6)）に最も近い色名はForget-Me-Notです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E8CC2
oklch(0.607 0.123 236.6)
カラー変換
- HEX
- #1e8cc2
- RGB
- rgb(30 140 194)
- HSL
- hsl(200 73% 44%)
- HWB
- hwb(200 12% 24%)
- OKLCH
- oklch(0.607 0.123 236.6)
- OKLab
- oklab(0.607 -0.068 -0.103)
- CIE Lab
- lab(54.41 -15.7 -37.14)
- LCH
- lch(54.41 40.32 247.1)
- CMYK
- cmyk(85% 28% 0% 24%)
ティント · シェード · トーン
ティント
- 4098C9
- 59A3CF
- 6FAFD5
- 85BADC
- 99C6E2
- AED1E8
- C2DDEE
- D6E8F4
- EBF3F9
シェード
- 1979A8
- 13678F
- 0E5577
- 094360
- 053349
- 032334
- 011420
- 00070E
- 000102
トーン
- 328BBC
- 3F8AB5
- 4B89AF
- 5488A8
- 5D87A2
- 65869B
- 6C8594
- 73838E
- 7A8287
カラーハーモニー
補色 +180°
- 1E8CC2
Forget-Me-Not
- B96D2E
≈ Brown Alpaca
類似色 -30° +30°
- 1E8CC2
Forget-Me-Not
- 0093A1
≈ Jaded
- 607FCC
≈ Bodega Bay
トライアド +120° +240°
- 1E8CC2
Forget-Me-Not
- BB6084
≈ Raspberry Parfait
- 7E8B26
≈ Absinthe Dreams
スプリットコンプリメンタリー +150° +210°
- 1E8CC2
Forget-Me-Not
- C1625A
≈ Barbecue
- A27C05
≈ Hornet Yellow
テトラード +90° +180° +270°
- 1E8CC2
Forget-Me-Not
- A866A9
≈ Iris Orchid
- B96D2E
≈ Brown Alpaca
- 4A9654
≈ Alpine Herbs
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.75:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.58:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--forget-me-not: #1e8cc2;
--forget-me-not-rgb: 30 140 194;
--forget-me-not-oklch: oklch(0.607 0.123 236.6);
}
.element {
color: var(--forget-me-not);
background-color: hsl(200 73% 44%);
border-color: oklch(0.607 0.123 236.6);
}Tailwind CSS v4
@theme {
--color-forget-me-not: #1e8cc2;
--color-forget-me-not-50: #d6fbff;
--color-forget-me-not-100: #c3efff;
--color-forget-me-not-200: #a3dcff;
--color-forget-me-not-300: #79c0ef;
--color-forget-me-not-400: #4ba9de;
--color-forget-me-not-500: #0090cc;
--color-forget-me-not-600: #0a7aad;
--color-forget-me-not-700: #0a628b;
--color-forget-me-not-800: #004866;
--color-forget-me-not-900: #023248;
--color-forget-me-not-950: #001e2f;
}SCSS
$forget-me-not: #1e8cc2;
$forget-me-not-rgb: 30, 140, 194;
$forget-me-not-light: mix(#fff, $forget-me-not, 20%);
$forget-me-not-dark: mix(#000, $forget-me-not, 20%);
.element {
color: $forget-me-not;
box-shadow: 0 0 0 2px rgba($forget-me-not, 0.35);
}