色名 · #75BFD2
Cologne
Cologneは#75BFD2：rgb(117 191 210)、hsl(192 51% 64%)、oklch(0.763 0.078 216)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Cologne color name →
#75BFD2
oklch(0.763 0.078 216)
カラー変換
- HEX
- #75bfd2
- RGB
- rgb(117 191 210)
- HSL
- hsl(192 51% 64%)
- HWB
- hwb(192 46% 18%)
- OKLCH
- oklch(0.763 0.078 216)
- OKLab
- oklab(0.763 -0.063 -0.046)
- CIE Lab
- lab(73.03 -20.29 -17.23)
- LCH
- lch(73.03 26.61 220.3)
- CMYK
- cmyk(44% 9% 0% 18%)
ティント · シェード · トーン
ティント
- 84C5D7
- 92CCDB
- A0D2E0
- AED9E4
- BCDFE9
- C9E5ED
- D7ECF2
- E4F2F6
- F2F9FB
シェード
- 65A6B6
- 558D9B
- 467581
- 375E68
- 294850
- 1C3339
- 0F1F24
- 050D10
- 010202
トーン
- 77B9CA
- 79B2C1
- 7BACB9
- 7DA6B1
- 7E9FA8
- 7F99A0
- 7F9398
- 808C90
- 808688
カラーハーモニー
補色 +180°
- 75BFD2
Cologne
- DFA190
≈ Pink Palazzo
類似色 -30° +30°
- 75BFD2
Cologne
- 75C3B9
≈ Pale Jade
- 89B8E1
≈ Goluboy Blue
トライアド +120° +240°
- 75BFD2
Cologne
- D39FC5
≈ Geranium Bud
- C1B278
≈ Fresh Peas
スプリットコンプリメンタリー +150° +210°
- 75BFD2
Cologne
- DE9EAA
≈ Nana’s Rose
- D5A87D
≈ Band-Aid
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.13:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--cologne: #75bfd2;
--cologne-rgb: 117 191 210;
--cologne-oklch: oklch(0.763 0.078 216);
}
.element {
color: var(--cologne);
background-color: hsl(192 51% 64%);
border-color: oklch(0.763 0.078 216);
}Tailwind CSS v4
@theme {
--color-cologne: #75bfd2;
--color-cologne-50: #ddfbff;
--color-cologne-100: #cceffa;
--color-cologne-200: #afddeb;
--color-cologne-300: #89c2d2;
--color-cologne-400: #65aabc;
--color-cologne-500: #3e93a7;
--color-cologne-600: #367c8d;
--color-cologne-700: #2b6471;
--color-cologne-800: #1d4953;
--color-cologne-900: #13333a;
--color-cologne-950: #041e24;
}SCSS
$cologne: #75bfd2;
$cologne-rgb: 117, 191, 210;
$cologne-light: mix(#fff, $cologne, 20%);
$cologne-dark: mix(#000, $cologne, 20%);
.element {
color: $cologne;
box-shadow: 0 0 0 2px rgba($cologne, 0.35);
}