最も近い色名 · #8EB6DF
#8EB6DF
最も近い色名: Adrift on the Nile
#8EB6DF（rgb(142 182 223)、hsl(210 56% 72%)、oklch(0.762 0.073 249.4)）に最も近い色名はAdrift on the Nileです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8EB6DF
oklch(0.762 0.073 249.4)
カラー変換
- HEX
- #8eb6df
- RGB
- rgb(142 182 223)
- HSL
- hsl(210 56% 72%)
- HWB
- hwb(210 56% 13%)
- OKLCH
- oklch(0.762 0.073 249.4)
- OKLab
- oklab(0.762 -0.026 -0.069)
- CIE Lab
- lab(72.25 -6.33 -25.28)
- LCH
- lch(72.25 26.06 255.9)
- CMYK
- cmyk(36% 18% 0% 13%)
ティント · シェード · トーン
ティント
- 99BDE2
- A4C5E6
- B0CCE9
- BBD3EC
- C6DAF0
- D1E2F3
- DDE9F6
- E8F0F9
- F4F8FC
シェード
- 7B9EC2
- 6886A5
- 566F8A
- 44596F
- 344456
- 24303D
- 151D27
- 070C12
- 010202
トーン
- 8DB1D5
- 8CABCC
- 8AA6C2
- 89A0B8
- 889BAF
- 8696A5
- 85909C
- 838B93
- 828589
カラーハーモニー
補色 +180°
- 8EB6DF
Adrift on the Nile
- D0AA7F
≈ Flax Straw
類似色 -30° +30°
- 8EB6DF
Adrift on the Nile
- 7BBDD2
≈ Cologne
- A8ADE0
≈ Maximum Blue Purple
トライアド +120° +240°
- 8EB6DF
Adrift on the Nile
- DC9FA7
≈ Glamour
- A3BB8A
≈ Glendale
スプリットコンプリメンタリー +150° +210°
- 8EB6DF
Adrift on the Nile
- DBA28F
≈ Apricotta
- BDB37D
≈ Ecru
テトラード +90° +180° +270°
- 8EB6DF
Adrift on the Nile
- D2A0C1
≈ Geranium Bud
- D0AA7F
≈ Flax Straw
- 89C0A1
≈ Lark Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.11:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.90:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--adrift-on-the-nile: #8eb6df;
--adrift-on-the-nile-rgb: 142 182 223;
--adrift-on-the-nile-oklch: oklch(0.762 0.073 249.4);
}
.element {
color: var(--adrift-on-the-nile);
background-color: hsl(210 56% 72%);
border-color: oklch(0.762 0.073 249.4);
}Tailwind CSS v4
@theme {
--color-adrift-on-the-nile: #8eb6df;
--color-adrift-on-the-nile-50: #e6f7ff;
--color-adrift-on-the-nile-100: #d7eaff;
--color-adrift-on-the-nile-200: #bed7f3;
--color-adrift-on-the-nile-300: #9cbbdc;
--color-adrift-on-the-nile-400: #7da2c8;
--color-adrift-on-the-nile-500: #5f8ab5;
--color-adrift-on-the-nile-600: #517599;
--color-adrift-on-the-nile-700: #415e7b;
--color-adrift-on-the-nile-800: #2d455b;
--color-adrift-on-the-nile-900: #1f303f;
--color-adrift-on-the-nile-950: #0e1c28;
}SCSS
$adrift-on-the-nile: #8eb6df;
$adrift-on-the-nile-rgb: 142, 182, 223;
$adrift-on-the-nile-light: mix(#fff, $adrift-on-the-nile, 20%);
$adrift-on-the-nile-dark: mix(#000, $adrift-on-the-nile, 20%);
.element {
color: $adrift-on-the-nile;
box-shadow: 0 0 0 2px rgba($adrift-on-the-nile, 0.35);
}