最も近い色名 · #41685D
#41685D
最も近い色名: June Ivy
#41685D（rgb(65 104 93)、hsl(163 23% 33%)、oklch(0.485 0.048 174.5)）に最も近い色名はJune Ivyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#41685D
oklch(0.485 0.048 174.5)
カラー変換
- HEX
- #41685d
- RGB
- rgb(65 104 93)
- HSL
- hsl(163 23% 33%)
- HWB
- hwb(163 25% 59%)
- OKLCH
- oklch(0.485 0.048 174.5)
- OKLab
- oklab(0.485 -0.048 0.005)
- CIE Lab
- lab(40.84 -16.5 1.62)
- LCH
- lch(40.84 16.58 174.4)
- CMYK
- cmyk(38% 0% 11% 59%)
ティント · シェード · トーン
ティント
- 53766C
- 65847B
- 77938A
- 8AA29A
- 9DB1AA
- B0C0BB
- C3CFCB
- D7DFDC
- EBEFEE
シェード
- 375950
- 2E4B43
- 253E37
- 1C302A
- 13241F
- 0B1814
- 050C0A
- 010403
- 000000
トーン
- 486A60
- 4E6D64
- 556F67
- 5B726B
- 61746E
- 687772
- 6E7975
- 747B79
- 7A7E7C
カラーハーモニー
補色 +180°
- 41685D
June Ivy
- 755460
≈ Opium Mauve
類似色 -30° +30°
- 41685D
June Ivy
- 4E664E
≈ Equestrian Green
- 3C676C
≈ Smock Blue
トライアド +120° +240°
- 41685D
June Ivy
- 605A78
≈ Taylor
- 755845
≈ Old Porch
スプリットコンプリメンタリー +150° +210°
- 41685D
June Ivy
- 6D566E
≈ Dark Purple Grey
- 785451
≈ Rosy Sandstone
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.24:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.36:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--june-ivy: #41685d;
--june-ivy-rgb: 65 104 93;
--june-ivy-oklch: oklch(0.485 0.048 174.5);
}
.element {
color: var(--june-ivy);
background-color: hsl(163 23% 33%);
border-color: oklch(0.485 0.048 174.5);
}Tailwind CSS v4
@theme {
--color-june-ivy: #41685d;
--color-june-ivy-50: #e8faf5;
--color-june-ivy-100: #d8ede7;
--color-june-ivy-200: #c0dbd3;
--color-june-ivy-300: #9ec0b7;
--color-june-ivy-400: #81a89c;
--color-june-ivy-500: #649184;
--color-june-ivy-600: #557b70;
--color-june-ivy-700: #446259;
--color-june-ivy-800: #314841;
--color-june-ivy-900: #21322c;
--color-june-ivy-950: #111e1a;
}SCSS
$june-ivy: #41685d;
$june-ivy-rgb: 65, 104, 93;
$june-ivy-light: mix(#fff, $june-ivy, 20%);
$june-ivy-dark: mix(#000, $june-ivy, 20%);
.element {
color: $june-ivy;
box-shadow: 0 0 0 2px rgba($june-ivy, 0.35);
}