色名 · #3B5964
Cadet Song
Cadet Songは#3B5964：rgb(59 89 100)、hsl(196 26% 31%)、oklch(0.445 0.04 222.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Cadet Song color name →
#3B5964
oklch(0.445 0.04 222.9)
カラー変換
- HEX
- #3b5964
- RGB
- rgb(59 89 100)
- HSL
- hsl(196 26% 31%)
- HWB
- hwb(196 23% 61%)
- OKLCH
- oklch(0.445 0.04 222.9)
- OKLab
- oklab(0.445 -0.029 -0.027)
- CIE Lab
- lab(35.81 -9.13 -10.09)
- LCH
- lch(35.81 13.61 227.9)
- CMYK
- cmyk(41% 11% 0% 61%)
ティント · シェード · トーン
ティント
- 4D6872
- 5F7881
- 728890
- 85989F
- 99A8AE
- ACB9BE
- C1CACE
- D5DCDE
- EAEDEE
シェード
- 324C56
- 294048
- 21343B
- 19282E
- 111D22
- 091316
- 04090B
- 010303
- 000000
トーン
- 425D67
- 49616A
- 50656C
- 57696F
- 5E6C72
- 657075
- 6B7478
- 72787A
- 797C7D
カラーハーモニー
補色 +180°
- 3B5964
Cadet Song
- 674D42
≈ Connaisseur
類似色 -30° +30°
- 3B5964
Cadet Song
- 395B5A
≈ Royal Pine
- 44556A
≈ Inkjet
トライアド +120° +240°
- 3B5964
Cadet Song
- 644B5A
≈ Berry Wine
- 58553B
≈ Danger Ridge
スプリットコンプリメンタリー +150° +210°
- 3B5964
Cadet Song
- 684B4E
≈ Flamboyant Plum
- 62513B
≈ Corral
テトラード +90° +180° +270°
- 3B5964
Cadet Song
- 5C4E64
≈ Muscat Grape
- 674D42
≈ Connaisseur
- 4B5942
≈ Cayman Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.50:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.79:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--cadet-song: #3b5964;
--cadet-song-rgb: 59 89 100;
--cadet-song-oklch: oklch(0.445 0.04 222.9);
}
.element {
color: var(--cadet-song);
background-color: hsl(196 26% 31%);
border-color: oklch(0.445 0.04 222.9);
}Tailwind CSS v4
@theme {
--color-cadet-song: #3b5964;
--color-cadet-song-50: #eaf8fe;
--color-cadet-song-100: #dbebf2;
--color-cadet-song-200: #c3d8e1;
--color-cadet-song-300: #a3bcc7;
--color-cadet-song-400: #86a4b0;
--color-cadet-song-500: #6a8c9a;
--color-cadet-song-600: #5a7782;
--color-cadet-song-700: #475f68;
--color-cadet-song-800: #33464c;
--color-cadet-song-900: #233035;
--color-cadet-song-950: #121c20;
}SCSS
$cadet-song: #3b5964;
$cadet-song-rgb: 59, 89, 100;
$cadet-song-light: mix(#fff, $cadet-song, 20%);
$cadet-song-dark: mix(#000, $cadet-song, 20%);
.element {
color: $cadet-song;
box-shadow: 0 0 0 2px rgba($cadet-song, 0.35);
}