色名 · #C5E8E7
Saline Water
Saline Waterは#C5E8E7：rgb(197 232 231)、hsl(178 43% 84%)、oklch(0.906 0.037 194.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Saline Water color name →
#C5E8E7
oklch(0.906 0.037 194.4)
カラー変換
- HEX
- #c5e8e7
- RGB
- rgb(197 232 231)
- HSL
- hsl(178 43% 84%)
- HWB
- hwb(178 77% 9%)
- OKLCH
- oklch(0.906 0.037 194.4)
- OKLab
- oklab(0.906 -0.035 -0.009)
- CIE Lab
- lab(89.45 -11.97 -3.54)
- LCH
- lch(89.45 12.48 196.5)
- CMYK
- cmyk(15% 0% 0% 9%)
ティント · シェード · トーン
ティント
- CBEAE9
- D1EDEC
- D7EFEE
- DCF1F1
- E2F4F3
- E8F6F5
- EEF8F8
- F4FAFA
- F9FDFD
シェード
- ABCAC9
- 92ACAB
- 79908F
- 617473
- 4B5959
- 354040
- 212928
- 0E1313
- 020303
トーン
- BEDDDC
- B7D2D2
- B0C8C7
- A9BDBC
- A2B3B2
- 9BA8A8
- 949E9E
- 8E9494
- 878A8A
カラーハーモニー
補色 +180°
- C5E8E7
Saline Water
- F7D7D8
≈ Lovelight
類似色 -30° +30°
- C5E8E7
Saline Water
- CBE8DA
≈ Misty Glen
- C7E6F2
≈ Sapphireberry
トライアド +120° +240°
- C5E8E7
Saline Water
- E9D9F1
≈ Pouty Purple
- EFDDC6
≈ Golden Retriever
スプリットコンプリメンタリー +150° +210°
- C5E8E7
Saline Water
- F3D7E6
≈ Samantha’s Room
- F6D9CD
≈ Angelic Pink
テトラード +90° +180° +270°
- C5E8E7
Saline Water
- DCDDF8
≈ Nostalgia Perfume
- F7D7D8
≈ Lovelight
- E3E2C6
≈ Green Power
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.07:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--saline-water: #c5e8e7;
--saline-water-rgb: 197 232 231;
--saline-water-oklch: oklch(0.906 0.037 194.4);
}
.element {
color: var(--saline-water);
background-color: hsl(178 43% 84%);
border-color: oklch(0.906 0.037 194.4);
}Tailwind CSS v4
@theme {
--color-saline-water: #c5e8e7;
--color-saline-water-50: #eaf9f9;
--color-saline-water-100: #dbecec;
--color-saline-water-200: #c3d9d9;
--color-saline-water-300: #a3bebe;
--color-saline-water-400: #86a6a5;
--color-saline-water-500: #6a8e8d;
--color-saline-water-600: #5a7878;
--color-saline-water-700: #486060;
--color-saline-water-800: #344746;
--color-saline-water-900: #233130;
--color-saline-water-950: #121d1c;
}SCSS
$saline-water: #c5e8e7;
$saline-water-rgb: 197, 232, 231;
$saline-water-light: mix(#fff, $saline-water, 20%);
$saline-water-dark: mix(#000, $saline-water, 20%);
.element {
color: $saline-water;
box-shadow: 0 0 0 2px rgba($saline-water, 0.35);
}