色名 · #29598B
Endeavour
Endeavourは#29598B：rgb(41 89 139)、hsl(211 54% 35%)、oklch(0.456 0.097 251.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Endeavour color name →
#29598B
oklch(0.456 0.097 251.6)
カラー変換
- HEX
- #29598b
- RGB
- rgb(41 89 139)
- HSL
- hsl(211 54% 35%)
- HWB
- hwb(211 16% 45%)
- OKLCH
- oklch(0.456 0.097 251.6)
- OKLab
- oklab(0.456 -0.031 -0.092)
- CIE Lab
- lab(36.4 -3.28 -33.17)
- LCH
- lch(36.4 33.33 264.3)
- CMYK
- cmyk(71% 36% 0% 45%)
ティント · シェード · トーン
ティント
- 3E6997
- 5379A2
- 6789AE
- 7C99BA
- 91AAC5
- A7BAD1
- BCCBDC
- D2DCE8
- E8EEF3
シェード
- 224C78
- 1C4066
- 153454
- 0F2843
- 091D32
- 051323
- 020914
- 010307
- 000001
トーン
- 335D8A
- 3C618A
- 456589
- 4E6988
- 576D87
- 5F7186
- 677585
- 707983
- 787C82
カラーハーモニー
補色 +180°
- 29598B
Endeavour
- 784C01
≈ Lucky Brown
類似色 -30° +30°
- 29598B
Endeavour
- 006178
≈ Jamaican Dream
- 4E4F8B
≈ Twilight
トライアド +120° +240°
- 29598B
Endeavour
- 843D49
≈ Burnt Russet
- 426223
≈ Rainforest Matcha
スプリットコンプリメンタリー +150° +210°
- 29598B
Endeavour
- 834228
≈ Cacao Nibs
- 625800
≈ Ayahuasca Vine
テトラード +90° +180° +270°
- 29598B
Endeavour
- 7B3F66
≈ Magician’s Cloak
- 784C01
≈ Lucky Brown
- 0A6745
≈ Greens
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.25:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.89:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--endeavour: #29598b;
--endeavour-rgb: 41 89 139;
--endeavour-oklch: oklch(0.456 0.097 251.6);
}
.element {
color: var(--endeavour);
background-color: hsl(211 54% 35%);
border-color: oklch(0.456 0.097 251.6);
}Tailwind CSS v4
@theme {
--color-endeavour: #29598b;
--color-endeavour-50: #e2f7ff;
--color-endeavour-100: #d2eaff;
--color-endeavour-200: #b8d7fe;
--color-endeavour-300: #95bbe9;
--color-endeavour-400: #73a2d6;
--color-endeavour-500: #538ac5;
--color-endeavour-600: #4775a6;
--color-endeavour-700: #385d85;
--color-endeavour-800: #264563;
--color-endeavour-900: #1a2f45;
--color-endeavour-950: #0a1c2d;
}SCSS
$endeavour: #29598b;
$endeavour-rgb: 41, 89, 139;
$endeavour-light: mix(#fff, $endeavour, 20%);
$endeavour-dark: mix(#000, $endeavour, 20%);
.element {
color: $endeavour;
box-shadow: 0 0 0 2px rgba($endeavour, 0.35);
}