色名 · #ACB9E8
Perano
Peranoは#ACB9E8：rgb(172 185 232)、hsl(227 57% 79%)、oklch(0.792 0.068 272.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Perano color name →
#ACB9E8
oklch(0.792 0.068 272.7)
カラー変換
- HEX
- #acb9e8
- RGB
- rgb(172 185 232)
- HSL
- hsl(227 57% 79%)
- HWB
- hwb(227 67% 9%)
- OKLCH
- oklch(0.792 0.068 272.7)
- OKLab
- oklab(0.792 0.003 -0.068)
- CIE Lab
- lab(75.36 3.08 -25.2)
- LCH
- lch(75.36 25.38 277)
- CMYK
- cmyk(26% 20% 0% 9%)
ティント · シェード · トーン
ティント
- B4C0EB
- BCC7ED
- C4CEEF
- CCD5F2
- D5DCF4
- DDE3F6
- E5EAF9
- EEF1FB
- F6F8FD
シェード
- 95A0CA
- 7F89AC
- 697190
- 545B74
- 404659
- 2D3140
- 1B1E29
- 0B0D13
- 010203
トーン
- A7B3DD
- A3ADD3
- 9FA8C8
- 9AA2BE
- 969CB3
- 9197A9
- 8D919E
- 898B94
- 84868A
カラーハーモニー
補色 +180°
- ACB9E8
Perano
- CABB89
≈ Olive Hint
類似色 -30° +30°
トライアド +120° +240°
- ACB9E8
Perano
- E4AC9F
≈ Passion Fruit Punch
- 9AC8A6
≈ French Market
スプリットコンプリメンタリー +150° +210°
- ACB9E8
Perano
- DBB28E
≈ Sheepskin
- B3C392
≈ Harmonious
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.85:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--perano: #acb9e8;
--perano-rgb: 172 185 232;
--perano-oklch: oklch(0.792 0.068 272.7);
}
.element {
color: var(--perano);
background-color: hsl(227 57% 79%);
border-color: oklch(0.792 0.068 272.7);
}Tailwind CSS v4
@theme {
--color-perano: #acb9e8;
--color-perano-50: #eff4ff;
--color-perano-100: #e1e7ff;
--color-perano-200: #cbd3f2;
--color-perano-300: #acb5db;
--color-perano-400: #909cc8;
--color-perano-500: #7783b4;
--color-perano-600: #656f98;
--color-perano-700: #50597a;
--color-perano-800: #39415a;
--color-perano-900: #272d3f;
--color-perano-950: #151a28;
}SCSS
$perano: #acb9e8;
$perano-rgb: 172, 185, 232;
$perano-light: mix(#fff, $perano, 20%);
$perano-dark: mix(#000, $perano, 20%);
.element {
color: $perano;
box-shadow: 0 0 0 2px rgba($perano, 0.35);
}