最も近い色名 · #AACCF7
#AACCF7
最も近い色名: Night Snow
#AACCF7（rgb(170 204 247)、hsl(214 83% 82%)、oklch(0.835 0.071 254.5)）に最も近い色名はNight Snowです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AACCF7
oklch(0.835 0.071 254.5)
カラー変換
- HEX
- #aaccf7
- RGB
- rgb(170 204 247)
- HSL
- hsl(214 83% 82%)
- HWB
- hwb(214 67% 3%)
- OKLCH
- oklch(0.835 0.071 254.5)
- OKLab
- oklab(0.835 -0.019 -0.068)
- CIE Lab
- lab(80.67 -4.3 -25.19)
- LCH
- lch(80.67 25.56 260.3)
- CMYK
- cmyk(31% 17% 0% 3%)
ティント · シェード · トーン
ティント
- B2D1F8
- BBD6F9
- C3DBFA
- CCE1FB
- D4E6FC
- DDEBFC
- E5F0FD
- EEF5FE
- F6FAFE
シェード
- 93B1D7
- 7D97B7
- 687E99
- 53657C
- 3F4E60
- 2D3745
- 1B222C
- 0B0F15
- 010203
トーン
- A6C4EB
- A2BCDE
- 9EB5D2
- 99ADC6
- 95A5BA
- 919EAE
- 8D96A3
- 898F97
- 84878B
カラーハーモニー
補色 +180°
- AACCF7
Night Snow
- E5C396
≈ Bird’s-Eye Maple
類似色 -30° +30°
- AACCF7
Night Snow
- 96D4EC
≈ Blue Effervescence
- C3C3F6
≈ Light Periwinkle
トライアド +120° +240°
- AACCF7
Night Snow
- F4B7BB
≈ Ballerina Pink
- B6D4A5
≈ In Good Taste
スプリットコンプリメンタリー +150° +210°
- AACCF7
Night Snow
- F1BBA4
≈ Antique Cameo
- D0CC96
≈ Corn Husk Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.68:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--night-snow: #aaccf7;
--night-snow-rgb: 170 204 247;
--night-snow-oklch: oklch(0.835 0.071 254.5);
}
.element {
color: var(--night-snow);
background-color: hsl(214 83% 82%);
border-color: oklch(0.835 0.071 254.5);
}Tailwind CSS v4
@theme {
--color-night-snow: #aaccf7;
--color-night-snow-50: #e8f6ff;
--color-night-snow-100: #d9e9ff;
--color-night-snow-200: #c1d6f3;
--color-night-snow-300: #a0b9dc;
--color-night-snow-400: #82a1c8;
--color-night-snow-500: #6689b5;
--color-night-snow-600: #567499;
--color-night-snow-700: #455d7a;
--color-night-snow-800: #30445a;
--color-night-snow-900: #212f3f;
--color-night-snow-950: #101b28;
}SCSS
$night-snow: #aaccf7;
$night-snow-rgb: 170, 204, 247;
$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);
}