最も近い色名 · #90B6E4
#90B6E4
最も近い色名: Adrift on the Nile
#90B6E4（rgb(144 182 228)、hsl(213 61% 73%)、oklch(0.765 0.078 253.5)）に最も近い色名はAdrift on the Nileです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#90B6E4
oklch(0.765 0.078 253.5)
カラー変換
- HEX
- #90b6e4
- RGB
- rgb(144 182 228)
- HSL
- hsl(213 61% 73%)
- HWB
- hwb(213 56% 11%)
- OKLCH
- oklch(0.765 0.078 253.5)
- OKLab
- oklab(0.765 -0.022 -0.075)
- CIE Lab
- lab(72.52 -4.74 -27.55)
- LCH
- lch(72.52 27.96 260.2)
- CMYK
- cmyk(37% 20% 0% 11%)
ティント · シェード · トーン
ティント
- 9BBDE7
- A6C5EA
- B1CCED
- BCD3F0
- C7DAF2
- D2E2F5
- DDE9F8
- E8F0FA
- F4F8FD
シェード
- 7D9EC6
- 6A86A9
- 576F8D
- 455972
- 344458
- 24303F
- 151D28
- 070C12
- 010203
トーン
- 8FB1DA
- 8DABD0
- 8CA6C5
- 8AA0BB
- 899BB1
- 8796A7
- 85909D
- 848B94
- 82858A
カラーハーモニー
補色 +180°
- 90B6E4
Adrift on the Nile
- D1AC7B
≈ Rye
類似色 -30° +30°
- 90B6E4
Adrift on the Nile
- 79BED7
≈ Cologne
- ACADE4
≈ Maximum Blue Purple
トライアド +120° +240°
- 90B6E4
Adrift on the Nile
- E09FA4
≈ Pimlico
- 9FBE8B
≈ Olive Sand
スプリットコンプリメンタリー +150° +210°
- 90B6E4
Adrift on the Nile
- DEA38B
≈ Venetian Plaster
- BBB67B
≈ Misty Moss
テトラード +90° +180° +270°
- 90B6E4
Adrift on the Nile
- D79FBF
≈ Pastel Lavender
- D1AC7B
≈ Rye
- 83C3A5
≈ Green Balloon
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.99:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--adrift-on-the-nile: #90b6e4;
--adrift-on-the-nile-rgb: 144 182 228;
--adrift-on-the-nile-oklch: oklch(0.765 0.078 253.5);
}
.element {
color: var(--adrift-on-the-nile);
background-color: hsl(213 61% 73%);
border-color: oklch(0.765 0.078 253.5);
}Tailwind CSS v4
@theme {
--color-adrift-on-the-nile: #90b6e4;
--color-adrift-on-the-nile-50: #e7f7ff;
--color-adrift-on-the-nile-100: #d7eaff;
--color-adrift-on-the-nile-200: #bfd6f6;
--color-adrift-on-the-nile-300: #9dbae0;
--color-adrift-on-the-nile-400: #7ea1cc;
--color-adrift-on-the-nile-500: #6189b9;
--color-adrift-on-the-nile-600: #52749c;
--color-adrift-on-the-nile-700: #425d7d;
--color-adrift-on-the-nile-800: #2e445d;
--color-adrift-on-the-nile-900: #1f2f41;
--color-adrift-on-the-nile-950: #0f1c2a;
}SCSS
$adrift-on-the-nile: #90b6e4;
$adrift-on-the-nile-rgb: 144, 182, 228;
$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);
}