最も近い色名 · #AECBFF
#AECBFF
最も近い色名: Night Snow
#AECBFF（rgb(174 203 255)、hsl(219 100% 84%)、oklch(0.839 0.08 262)）に最も近い色名はNight Snowです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AECBFF
oklch(0.839 0.08 262)
カラー変換
- HEX
- #aecbff
- RGB
- rgb(174 203 255)
- HSL
- hsl(219 100% 84%)
- HWB
- hwb(219 68% 0%)
- OKLCH
- oklch(0.839 0.08 262)
- OKLab
- oklab(0.839 -0.011 -0.079)
- CIE Lab
- lab(80.9 -1.1 -29.05)
- LCH
- lch(80.9 29.07 267.8)
- CMYK
- cmyk(32% 20% 0% 0%)
ティント · シェード · トーン
ティント
- B6D0FF
- BED6FF
- C6DBFF
- CEE0FF
- D6E5FF
- DEEAFF
- E6F0FF
- EFF5FF
- F7FAFF
シェード
- 97B0DE
- 8096BE
- 6A7D9E
- 556580
- 414D63
- 2E3748
- 1C222E
- 0B0F16
- 010203
トーン
- A9C3F2
- A5BCE5
- A0B4D8
- 9CADCB
- 97A5BE
- 929EB1
- 8E96A5
- 898F99
- 85878C
カラーハーモニー
補色 +180°
- AECBFF
Night Snow
- E4C68E
≈ Bungalow Maple
類似色 -30° +30°
- AECBFF
Night Snow
- 94D4F6
≈ Slightly Spritzig
- CBC1FB
≈ Innocent Snowdrop
トライアド +120° +240°
- AECBFF
Night Snow
- FAB6B3
≈ Young Salmon
- ADD8A8
≈ Fizz
スプリットコンプリメンタリー +150° +210°
- AECBFF
Night Snow
- F5BC9B
≈ Shrimp Boat
- CBD093
≈ Corn Husk Green
テトラード +90° +180° +270°
- AECBFF
Night Snow
- F4B5D0
≈ Pink Marshmallow
- E4C68E
≈ Bungalow Maple
- 93DCC4
≈ Monet Vert
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.78:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--night-snow: #aecbff;
--night-snow-rgb: 174 203 255;
--night-snow-oklch: oklch(0.839 0.08 262);
}
.element {
color: var(--night-snow);
background-color: hsl(219 100% 84%);
border-color: oklch(0.839 0.08 262);
}Tailwind CSS v4
@theme {
--color-night-snow: #aecbff;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dae8ff;
--color-night-snow-200: #c3d5f7;
--color-night-snow-300: #a3b8e1;
--color-night-snow-400: #859fce;
--color-night-snow-500: #6986bb;
--color-night-snow-600: #59729e;
--color-night-snow-700: #475b7f;
--color-night-snow-800: #32435e;
--color-night-snow-900: #222e42;
--color-night-snow-950: #111b2a;
}SCSS
$night-snow: #aecbff;
$night-snow-rgb: 174, 203, 255;
$night-snow-light: mix(#fff, $night-snow, 20%);
$night-snow-dark: mix(#000, $night-snow, 20%);
.element {
color: $night-snow;
box-shadow: 0 0 0 2px rgba($night-snow, 0.35);
}