最も近い色名 · #AFCDF6
#AFCDF6
最も近い色名: Night Snow
#AFCDF6（rgb(175 205 246)、hsl(215 80% 83%)、oklch(0.84 0.066 256.3)）に最も近い色名はNight Snowです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AFCDF6
oklch(0.84 0.066 256.3)
カラー変換
- HEX
- #afcdf6
- RGB
- rgb(175 205 246)
- HSL
- hsl(215 80% 83%)
- HWB
- hwb(215 69% 4%)
- OKLCH
- oklch(0.84 0.066 256.3)
- OKLab
- oklab(0.84 -0.016 -0.064)
- CIE Lab
- lab(81.23 -3.46 -23.77)
- LCH
- lch(81.23 24.02 261.7)
- CMYK
- cmyk(29% 17% 0% 4%)
ティント · シェード · トーン
ティント
- B7D2F7
- BFD7F8
- C7DCF9
- CFE1FA
- D7E6FB
- DFEBFC
- E7F0FD
- EFF5FE
- F7FAFE
シェード
- 98B2D6
- 8198B7
- 6B7E98
- 56667B
- 414E5F
- 2E3845
- 1C232C
- 0B0F15
- 010203
トーン
- AAC5EA
- A6BDDE
- A1B5D1
- 9CAEC6
- 97A6BA
- 939EAE
- 8E97A2
- 898F97
- 85878B
カラーハーモニー
補色 +180°
- AFCDF6
Night Snow
- E4C59B
≈ Faint Fawn
類似色 -30° +30°
- AFCDF6
Night Snow
- 9DD4EC
≈ Over the Sky
- C6C5F5
≈ Light Periwinkle
トライアド +120° +240°
- AFCDF6
Night Snow
- F3BABC
≈ Petals Unfolding
- B7D5AA
≈ Bleached Spruce
スプリットコンプリメンタリー +150° +210°
- AFCDF6
Night Snow
- F0BEA7
≈ Sun-Kissed Apricot
- D0CE9C
≈ Vegetarian Vulture
テトラード +90° +180° +270°
- AFCDF6
Night Snow
- ECBAD3
≈ Sweet Taffy
- E4C59B
≈ Faint Fawn
- A2D9C1
≈ Isabella’s Aqua
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.62:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.88:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--night-snow: #afcdf6;
--night-snow-rgb: 175 205 246;
--night-snow-oklch: oklch(0.84 0.066 256.3);
}
.element {
color: var(--night-snow);
background-color: hsl(215 80% 83%);
border-color: oklch(0.84 0.066 256.3);
}Tailwind CSS v4
@theme {
--color-night-snow: #afcdf6;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dbe9ff;
--color-night-snow-200: #c3d6f1;
--color-night-snow-300: #a3b9da;
--color-night-snow-400: #85a0c6;
--color-night-snow-500: #6988b2;
--color-night-snow-600: #597396;
--color-night-snow-700: #475c79;
--color-night-snow-800: #324459;
--color-night-snow-900: #222f3e;
--color-night-snow-950: #111b27;
}SCSS
$night-snow: #afcdf6;
$night-snow-rgb: 175, 205, 246;
$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);
}