色名 · #84AEBA
Sebastian Inlet
Sebastian Inletは#84AEBA：rgb(132 174 186)、hsl(193 28% 62%)、oklch(0.725 0.048 217.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Sebastian Inlet color name →
#84AEBA
oklch(0.725 0.048 217.2)
カラー変換
- HEX
- #84aeba
- RGB
- rgb(132 174 186)
- HSL
- hsl(193 28% 62%)
- HWB
- hwb(193 52% 27%)
- OKLCH
- oklch(0.725 0.048 217.2)
- OKLab
- oklab(0.725 -0.038 -0.029)
- CIE Lab
- lab(68.35 -12.49 -11.01)
- LCH
- lch(68.35 16.65 221.4)
- CMYK
- cmyk(29% 6% 0% 27%)
ティント · シェード · トーン
ティント
- 90B6C1
- 9CBEC8
- A9C6CE
- B5CED5
- C1D6DC
- CDDEE3
- DAE6EA
- E6EEF1
- F2F7F8
シェード
- 7297A1
- 608089
- 4F6A72
- 3F555C
- 2F4146
- 202E32
- 121C1E
- 060B0D
- 010102
トーン
- 84A9B4
- 84A5AE
- 84A0A8
- 839BA2
- 83979D
- 839297
- 828E91
- 81898B
- 818586
カラーハーモニー
補色 +180°
- 84AEBA
Sebastian Inlet
- C29C91
≈ Mahogany Rose
類似色 -30° +30°
- 84AEBA
Sebastian Inlet
- 84B0AB
≈ Silicate Green
- 8EA9C3
≈ Dresden Doll
トライアド +120° +240°
- 84AEBA
Sebastian Inlet
- BB9BB1
≈ Classy Mauve
- AEA784
≈ Summer Valley
スプリットコンプリメンタリー +150° +210°
- 84AEBA
Sebastian Inlet
- C29AA1
≈ Plum Mouse
- BBA186
≈ Cup of Cocoa
テトラード +90° +180° +270°
- 84AEBA
Sebastian Inlet
- AE9EBE
≈ Iris Blossom
- C29C91
≈ Mahogany Rose
- 9EAC8C
≈ Cardoon
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.40:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.74:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--sebastian-inlet: #84aeba;
--sebastian-inlet-rgb: 132 174 186;
--sebastian-inlet-oklch: oklch(0.725 0.048 217.2);
}
.element {
color: var(--sebastian-inlet);
background-color: hsl(193 28% 62%);
border-color: oklch(0.725 0.048 217.2);
}Tailwind CSS v4
@theme {
--color-sebastian-inlet: #84aeba;
--color-sebastian-inlet-50: #e7f9ff;
--color-sebastian-inlet-100: #d7ecf3;
--color-sebastian-inlet-200: #bedae2;
--color-sebastian-inlet-300: #9dbec8;
--color-sebastian-inlet-400: #7ea6b1;
--color-sebastian-inlet-500: #618e9b;
--color-sebastian-inlet-600: #527983;
--color-sebastian-inlet-700: #426069;
--color-sebastian-inlet-800: #2f474d;
--color-sebastian-inlet-900: #203135;
--color-sebastian-inlet-950: #0f1d21;
}SCSS
$sebastian-inlet: #84aeba;
$sebastian-inlet-rgb: 132, 174, 186;
$sebastian-inlet-light: mix(#fff, $sebastian-inlet, 20%);
$sebastian-inlet-dark: mix(#000, $sebastian-inlet, 20%);
.element {
color: $sebastian-inlet;
box-shadow: 0 0 0 2px rgba($sebastian-inlet, 0.35);
}