色名 · #416986
Team Spirit
Team Spiritは#416986：rgb(65 105 134)、hsl(205 35% 39%)、oklch(0.503 0.065 241.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Team Spirit color name →
#416986
oklch(0.503 0.065 241.2)
カラー変換
- HEX
- #416986
- RGB
- rgb(65 105 134)
- HSL
- hsl(205 35% 39%)
- HWB
- hwb(205 25% 47%)
- OKLCH
- oklch(0.503 0.065 241.2)
- OKLab
- oklab(0.503 -0.031 -0.057)
- CIE Lab
- lab(42.38 -8.01 -20.78)
- LCH
- lch(42.38 22.27 248.9)
- CMYK
- cmyk(51% 22% 0% 47%)
ティント · シェード · トーン
ティント
- 537792
- 65859E
- 7894A9
- 8AA3B5
- 9DB2C2
- B0C1CE
- C3D0DA
- D7E0E6
- EBEFF3
シェード
- 375A74
- 2E4C62
- 253E51
- 1C3140
- 132430
- 0B1821
- 050C13
- 010406
- 000001
トーン
- 486B86
- 4F6E85
- 557085
- 5B7384
- 627584
- 687783
- 6E7982
- 747C82
- 7A7E81
カラーハーモニー
補色 +180°
- 416986
Team Spirit
- 7F5C3D
≈ Japanese Iris
類似色 -30° +30°
- 416986
Team Spirit
- 316E79
≈ Lakelike
- 57628A
≈ Karmic Grape
トライアド +120° +240°
- 416986
Team Spirit
- 835462
≈ Renaissance Rose
- 5E6A3F
≈ Baby Vegetable
スプリットコンプリメンタリー +150° +210°
- 416986
Team Spirit
- 85564D
≈ Potter’s Rock
- 726337
≈ Morass
テトラード +90° +180° +270°
- 416986
Team Spirit
- 7A5775
≈ Opulent Ostrich
- 7F5C3D
≈ Japanese Iris
- 486F51
≈ Fairway
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.85:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.58:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--team-spirit: #416986;
--team-spirit-rgb: 65 105 134;
--team-spirit-oklch: oklch(0.503 0.065 241.2);
}
.element {
color: var(--team-spirit);
background-color: hsl(205 35% 39%);
border-color: oklch(0.503 0.065 241.2);
}Tailwind CSS v4
@theme {
--color-team-spirit: #416986;
--color-team-spirit-50: #e6f8ff;
--color-team-spirit-100: #d6ebfc;
--color-team-spirit-200: #bdd8ee;
--color-team-spirit-300: #9cbcd6;
--color-team-spirit-400: #7ca4c2;
--color-team-spirit-500: #5e8cad;
--color-team-spirit-600: #507692;
--color-team-spirit-700: #405f75;
--color-team-spirit-800: #2d4657;
--color-team-spirit-900: #1e303c;
--color-team-spirit-950: #0e1c26;
}SCSS
$team-spirit: #416986;
$team-spirit-rgb: 65, 105, 134;
$team-spirit-light: mix(#fff, $team-spirit, 20%);
$team-spirit-dark: mix(#000, $team-spirit, 20%);
.element {
color: $team-spirit;
box-shadow: 0 0 0 2px rgba($team-spirit, 0.35);
}