色名 · #A7DBED
Mizu Cyan
Mizu Cyanは#A7DBED：rgb(167 219 237)、hsl(195 66% 79%)、oklch(0.861 0.059 221.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Mizu Cyan color name →
#A7DBED
oklch(0.861 0.059 221.2)
カラー変換
- HEX
- #a7dbed
- RGB
- rgb(167 219 237)
- HSL
- hsl(195 66% 79%)
- HWB
- hwb(195 65% 7%)
- OKLCH
- oklch(0.861 0.059 221.2)
- OKLab
- oklab(0.861 -0.044 -0.039)
- CIE Lab
- lab(84.23 -14.26 -14.6)
- LCH
- lch(84.23 20.41 225.7)
- CMYK
- cmyk(30% 8% 0% 7%)
ティント · シェード · トーン
ティント
- B0DFEF
- B9E2F1
- C2E6F3
- CBEAF4
- D4EDF6
- DCF1F8
- E5F4FA
- EEF8FC
- F6FBFD
シェード
- 91BECE
- 7BA2B0
- 668793
- 526D77
- 3E545C
- 2C3C42
- 1A262A
- 0A1114
- 010203
トーン
- A3D2E2
- A0C8D6
- 9CBFCB
- 98B6C0
- 94ADB5
- 90A4AA
- 8C9BA0
- 889295
- 84898A
カラーハーモニー
補色 +180°
- A7DBED
Mizu Cyan
- F4C5B4
≈ Peach Temptation
類似色 -30° +30°
- A7DBED
Mizu Cyan
- A5DEDB
≈ Aqua Spray
- B6D5F8
≈ Summer Birthday
トライアド +120° +240°
- A7DBED
Mizu Cyan
- EDC3DD
≈ Starlet Pink
- D9D3A7
≈ Cream Cheese Avocado
スプリットコンプリメンタリー +150° +210°
- A7DBED
Mizu Cyan
- F5C2C8
≈ Rose Reminder
- EBCCA8
≈ Autumn Blonde
テトラード +90° +180° +270°
- A7DBED
Mizu Cyan
- DEC7EE
≈ Foggy Love
- F4C5B4
≈ Peach Temptation
- C4DAB2
≈ Wisp Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.50:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 13.99:1 · APCA Lc 80
最適な文字色: #000000
WCAG 13.99:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--mizu-cyan: #a7dbed;
--mizu-cyan-rgb: 167 219 237;
--mizu-cyan-oklch: oklch(0.861 0.059 221.2);
}
.element {
color: var(--mizu-cyan);
background-color: hsl(195 66% 79%);
border-color: oklch(0.861 0.059 221.2);
}Tailwind CSS v4
@theme {
--color-mizu-cyan: #a7dbed;
--color-mizu-cyan-50: #e4f9ff;
--color-mizu-cyan-100: #d4edf6;
--color-mizu-cyan-200: #badae7;
--color-mizu-cyan-300: #97bfce;
--color-mizu-cyan-400: #77a7b7;
--color-mizu-cyan-500: #588fa2;
--color-mizu-cyan-600: #4b7989;
--color-mizu-cyan-700: #3c616e;
--color-mizu-cyan-800: #2a4750;
--color-mizu-cyan-900: #1c3138;
--color-mizu-cyan-950: #0c1d23;
}SCSS
$mizu-cyan: #a7dbed;
$mizu-cyan-rgb: 167, 219, 237;
$mizu-cyan-light: mix(#fff, $mizu-cyan, 20%);
$mizu-cyan-dark: mix(#000, $mizu-cyan, 20%);
.element {
color: $mizu-cyan;
box-shadow: 0 0 0 2px rgba($mizu-cyan, 0.35);
}