色名 · #5FC9BF
Bayside
Baysideは#5FC9BF：rgb(95 201 191)、hsl(174 50% 58%)、oklch(0.771 0.099 187.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Bayside color name →
#5FC9BF
oklch(0.771 0.099 187.1)
カラー変換
- HEX
- #5fc9bf
- RGB
- rgb(95 201 191)
- HSL
- hsl(174 50% 58%)
- HWB
- hwb(174 37% 21%)
- OKLCH
- oklch(0.771 0.099 187.1)
- OKLab
- oklab(0.771 -0.099 -0.012)
- CIE Lab
- lab(74.56 -33.87 -4.86)
- LCH
- lch(74.56 34.22 188.2)
- CMYK
- cmyk(53% 0% 5% 21%)
ティント · シェード · トーン
ティント
- 73CFC5
- 85D4CC
- 95DAD2
- A5DFD8
- B5E4DF
- C4EAE5
- D3EFEB
- E2F4F2
- F0FAF8
シェード
- 52AEA6
- 44958D
- 387C75
- 2C645E
- 204C48
- 153633
- 0A221F
- 030F0D
- 000202
トーン
- 66C2B9
- 6BBAB2
- 70B3AC
- 73ACA5
- 77A49F
- 799D99
- 7C9692
- 7D8E8C
- 7F8786
カラーハーモニー
補色 +180°
- 5FC9BF
Bayside
- EB9AA9
≈ Pink Moment
類似色 -30° +30°
- 5FC9BF
Bayside
- 7CC89B
≈ Jocose Jade
- 61C4DE
≈ Naxos Sky
トライアド +120° +240°
- 5FC9BF
Bayside
- C5A4E6
≈ Silver Rust
- DFA86E
≈ Corn Maze
スプリットコンプリメンタリー +150° +210°
- 5FC9BF
Bayside
- DE9CCB
≈ Rose Garden
- EC9E87
≈ Tonys Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.59:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--bayside: #5fc9bf;
--bayside-rgb: 95 201 191;
--bayside-oklch: oklch(0.771 0.099 187.1);
}
.element {
color: var(--bayside);
background-color: hsl(174 50% 58%);
border-color: oklch(0.771 0.099 187.1);
}Tailwind CSS v4
@theme {
--color-bayside: #5fc9bf;
--color-bayside-50: #d6fffb;
--color-bayside-100: #c3f3ef;
--color-bayside-200: #a3e2dd;
--color-bayside-300: #78c8c2;
--color-bayside-400: #4db1a8;
--color-bayside-500: #009b91;
--color-bayside-600: #09837b;
--color-bayside-700: #0a6962;
--color-bayside-800: #064d47;
--color-bayside-900: #053631;
--color-bayside-950: #00211d;
}SCSS
$bayside: #5fc9bf;
$bayside-rgb: 95, 201, 191;
$bayside-light: mix(#fff, $bayside, 20%);
$bayside-dark: mix(#000, $bayside, 20%);
.element {
color: $bayside;
box-shadow: 0 0 0 2px rgba($bayside, 0.35);
}