色名 · #BCCAE8
Cuddle
Cuddleは#BCCAE8：rgb(188 202 232)、hsl(221 49% 82%)、oklch(0.838 0.045 265.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Cuddle color name →
#BCCAE8
oklch(0.838 0.045 265.6)
カラー変換
- HEX
- #bccae8
- RGB
- rgb(188 202 232)
- HSL
- hsl(221 49% 82%)
- HWB
- hwb(221 74% 9%)
- OKLCH
- oklch(0.838 0.045 265.6)
- OKLab
- oklab(0.838 -0.003 -0.045)
- CIE Lab
- lab(80.97 -0.28 -16.62)
- LCH
- lch(80.97 16.63 269)
- CMYK
- cmyk(19% 13% 0% 9%)
ティント · シェード · トーン
ティント
- C3CFEA
- C9D5ED
- D0DAEF
- D6DFF1
- DDE4F4
- E4EAF6
- EBEFF8
- F1F4FB
- F8FAFD
シェード
- A3AFCA
- 8B95AC
- 737C90
- 5D6474
- 474D59
- 323740
- 1F2229
- 0D0F13
- 020203
トーン
- B6C2DD
- B0BBD2
- AAB3C8
- A4ACBD
- 9EA4B3
- 989DA8
- 92969E
- 8C8E94
- 86878A
カラーハーモニー
補色 +180°
- BCCAE8
Cuddle
- D7C8A9
≈ New Khaki
類似色 -30° +30°
- BCCAE8
Cuddle
- AFCFE3
≈ Light Sky Bus
- CCC5E5
≈ Italian Fitch
トライアド +120° +240°
- BCCAE8
Cuddle
- E6BFBB
≈ Rosy Glow
- B8D2B9
≈ Eucalyptus Leaf
スプリットコンプリメンタリー +150° +210°
- BCCAE8
Cuddle
- E2C3AF
≈ Gypsum Rose
- C8CEAD
≈ Bamboo White
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.75:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--cuddle: #bccae8;
--cuddle-rgb: 188 202 232;
--cuddle-oklch: oklch(0.838 0.045 265.6);
}
.element {
color: var(--cuddle);
background-color: hsl(221 49% 82%);
border-color: oklch(0.838 0.045 265.6);
}Tailwind CSS v4
@theme {
--color-cuddle: #bccae8;
--color-cuddle-50: #eff5ff;
--color-cuddle-100: #e1e8f7;
--color-cuddle-200: #ccd4e8;
--color-cuddle-300: #adb7cf;
--color-cuddle-400: #929eba;
--color-cuddle-500: #7886a5;
--color-cuddle-600: #66718b;
--color-cuddle-700: #515b6f;
--color-cuddle-800: #3a4252;
--color-cuddle-900: #282e39;
--color-cuddle-950: #161b24;
}SCSS
$cuddle: #bccae8;
$cuddle-rgb: 188, 202, 232;
$cuddle-light: mix(#fff, $cuddle, 20%);
$cuddle-dark: mix(#000, $cuddle, 20%);
.element {
color: $cuddle;
box-shadow: 0 0 0 2px rgba($cuddle, 0.35);
}