色名 · #83AFBC
Open Seas
Open Seasは#83AFBC：rgb(131 175 188)、hsl(194 30% 63%)、oklch(0.727 0.051 217.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Open Seas color name →
#83AFBC
oklch(0.727 0.051 217.9)
カラー変換
- HEX
- #83afbc
- RGB
- rgb(131 175 188)
- HSL
- hsl(194 30% 63%)
- HWB
- hwb(194 51% 26%)
- OKLCH
- oklch(0.727 0.051 217.9)
- OKLab
- oklab(0.727 -0.04 -0.031)
- CIE Lab
- lab(68.63 -12.92 -11.71)
- LCH
- lch(68.63 17.44 222.2)
- CMYK
- cmyk(30% 7% 0% 26%)
ティント · シェード · トーン
ティント
- 8FB7C3
- 9CBFC9
- A8C7D0
- B4CFD7
- C1D7DD
- CDDFE4
- D9E7EB
- E6EFF1
- F2F7F8
シェード
- 7198A3
- 60818B
- 4F6B73
- 3F565D
- 2F4147
- 202E32
- 121C1F
- 060B0D
- 010102
トーン
- 83AAB6
- 83A5B0
- 83A1AA
- 839CA4
- 83979E
- 829398
- 828E92
- 81898C
- 818586
カラーハーモニー
補色 +180°
- 83AFBC
Open Seas
- C49C90
≈ Mahogany Rose
類似色 -30° +30°
- 83AFBC
Open Seas
- 82B1AC
≈ Silicate Green
- 8EAAC6
≈ Bachelor Blue
トライアド +120° +240°
- 83AFBC
Open Seas
- BD9BB2
≈ Fiddlesticks
- AFA883
≈ Green Grey Mist
スプリットコンプリメンタリー +150° +210°
- 83AFBC
Open Seas
- C49AA1
≈ Rose Meadow
- BDA185
≈ Basketry
テトラード +90° +180° +270°
- 83AFBC
Open Seas
- AF9FC0
≈ Iris Blossom
- C49C90
≈ Mahogany Rose
- 9EAD8B
≈ Cardoon
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.82:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--open-seas: #83afbc;
--open-seas-rgb: 131 175 188;
--open-seas-oklch: oklch(0.727 0.051 217.9);
}
.element {
color: var(--open-seas);
background-color: hsl(194 30% 63%);
border-color: oklch(0.727 0.051 217.9);
}Tailwind CSS v4
@theme {
--color-open-seas: #83afbc;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf4;
--color-open-seas-200: #bddae3;
--color-open-seas-300: #9cbec9;
--color-open-seas-400: #7da6b2;
--color-open-seas-500: #5f8f9d;
--color-open-seas-600: #517984;
--color-open-seas-700: #40616a;
--color-open-seas-800: #2e474e;
--color-open-seas-900: #1f3136;
--color-open-seas-950: #0e1d21;
}SCSS
$open-seas: #83afbc;
$open-seas-rgb: 131, 175, 188;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}