色名 · #C6E3F7
Fresh Water
Fresh Waterは#C6E3F7：rgb(198 227 247)、hsl(204 75% 87%)、oklch(0.901 0.041 238.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Fresh Water color name →
#C6E3F7
oklch(0.901 0.041 238.1)
カラー変換
- HEX
- #c6e3f7
- RGB
- rgb(198 227 247)
- HSL
- hsl(204 75% 87%)
- HWB
- hwb(204 78% 3%)
- OKLCH
- oklch(0.901 0.041 238.1)
- OKLab
- oklab(0.901 -0.022 -0.035)
- CIE Lab
- lab(88.58 -6.77 -13.14)
- LCH
- lch(88.58 14.78 242.7)
- CMYK
- cmyk(20% 8% 0% 3%)
ティント · シェード · トーン
ティント
- CCE6F8
- D1E9F9
- D7EBFA
- DDEEFA
- E3F1FB
- E8F4FC
- EEF7FD
- F4F9FE
- F9FCFE
シェード
- ACC5D7
- 92A8B7
- 7A8C99
- 62717C
- 4B5760
- 353F45
- 21272C
- 0E1215
- 020303
トーン
- BFD9EB
- B8CEDE
- B1C4D2
- AABAC6
- A3B0BA
- 9CA6AE
- 959DA2
- 8E9397
- 87898B
カラーハーモニー
補色 +180°
- C6E3F7
Fresh Water
- F4D8C4
≈ Sour Patch Peach
類似色 -30° +30°
- C6E3F7
Fresh Water
- C0E7ED
≈ Launderette Blue
- D3DEFB
≈ Arc Light
トライアド +120° +240°
- C6E3F7
Fresh Water
- F7D4DE
≈ Pixie Dust
- DBE3C4
≈ Carpathian Dawn
スプリットコンプリメンタリー +150° +210°
- C6E3F7
Fresh Water
- F9D5CF
≈ Cosmos
- EADDC0
≈ Golden Weave
テトラード +90° +180° +270°
- C6E3F7
Fresh Water
- EED5EC
≈ Scented Spring
- F4D8C4
≈ Sour Patch Peach
- CDE6CF
≈ Butter Lettuce
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.73:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--fresh-water: #c6e3f7;
--fresh-water-rgb: 198 227 247;
--fresh-water-oklch: oklch(0.901 0.041 238.1);
}
.element {
color: var(--fresh-water);
background-color: hsl(204 75% 87%);
border-color: oklch(0.901 0.041 238.1);
}Tailwind CSS v4
@theme {
--color-fresh-water: #c6e3f7;
--color-fresh-water-50: #ebf7ff;
--color-fresh-water-100: #dceaf5;
--color-fresh-water-200: #c5d7e4;
--color-fresh-water-300: #a5bbcb;
--color-fresh-water-400: #88a2b4;
--color-fresh-water-500: #6d8b9f;
--color-fresh-water-600: #5c7586;
--color-fresh-water-700: #4a5e6b;
--color-fresh-water-800: #35454f;
--color-fresh-water-900: #243037;
--color-fresh-water-950: #131c22;
}SCSS
$fresh-water: #c6e3f7;
$fresh-water-rgb: 198, 227, 247;
$fresh-water-light: mix(#fff, $fresh-water, 20%);
$fresh-water-dark: mix(#000, $fresh-water, 20%);
.element {
color: $fresh-water;
box-shadow: 0 0 0 2px rgba($fresh-water, 0.35);
}