色名 · #95BAC2
Casual Day
Casual Dayは#95BAC2：rgb(149 186 194)、hsl(191 27% 67%)、oklch(0.765 0.041 212.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Casual Day color name →
#95BAC2
oklch(0.765 0.041 212.3)
カラー変換
- HEX
- #95bac2
- RGB
- rgb(149 186 194)
- HSL
- hsl(191 27% 67%)
- HWB
- hwb(191 58% 24%)
- OKLCH
- oklch(0.765 0.041 212.3)
- OKLab
- oklab(0.765 -0.035 -0.022)
- CIE Lab
- lab(73 -11.53 -8.39)
- LCH
- lch(73 14.26 216)
- CMYK
- cmyk(23% 4% 0% 24%)
ティント · シェード · トーン
ティント
- 9FC1C8
- AAC8CE
- B5CED4
- BFD5DA
- CADCE0
- D4E3E6
- DFEAEC
- EAF1F3
- F4F8F9
シェード
- 81A1A8
- 6D898F
- 5A7277
- 485C60
- 374649
- 263234
- 161E20
- 080D0E
- 010202
トーン
- 93B4BB
- 91AEB4
- 8FA8AE
- 8DA2A7
- 8B9DA0
- 89979A
- 879193
- 858B8D
- 828686
カラーハーモニー
補色 +180°
- 95BAC2
Casual Day
- CBAAA2
≈ Rosy Tan
類似色 -30° +30°
- 95BAC2
Casual Day
- 96BCB4
≈ Carnival Glass
- 9CB6CB
≈ Stellar Blue
トライアド +120° +240°
- 95BAC2
Casual Day
- C3A9BE
≈ Linnea Blossom
- BCB295
≈ Terminatus Stone
スプリットコンプリメンタリー +150° +210°
- 95BAC2
Casual Day
- CAA8B0
≈ Dutchess Dawn
- C6AD98
≈ California Stucco
テトラード +90° +180° +270°
- 95BAC2
Casual Day
- B7ADC9
≈ Lavender Dream
- CBAAA2
≈ Rosy Tan
- AEB79A
≈ Moss Print
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.08:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 10.08:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--casual-day: #95bac2;
--casual-day-rgb: 149 186 194;
--casual-day-oklch: oklch(0.765 0.041 212.3);
}
.element {
color: var(--casual-day);
background-color: hsl(191 27% 67%);
border-color: oklch(0.765 0.041 212.3);
}Tailwind CSS v4
@theme {
--color-casual-day: #95bac2;
--color-casual-day-50: #e9f8fc;
--color-casual-day-100: #d9ecf0;
--color-casual-day-200: #c1d9df;
--color-casual-day-300: #a0bdc4;
--color-casual-day-400: #83a5ad;
--color-casual-day-500: #668e96;
--color-casual-day-600: #57787f;
--color-casual-day-700: #456066;
--color-casual-day-800: #32464a;
--color-casual-day-900: #223134;
--color-casual-day-950: #111d1f;
}SCSS
$casual-day: #95bac2;
$casual-day-rgb: 149, 186, 194;
$casual-day-light: mix(#fff, $casual-day, 20%);
$casual-day-dark: mix(#000, $casual-day, 20%);
.element {
color: $casual-day;
box-shadow: 0 0 0 2px rgba($casual-day, 0.35);
}