最も近い色名 · #3C4464
#3C4464
最も近い色名: Genie
#3C4464（rgb(60 68 100)、hsl(228 25% 31%)、oklch(0.394 0.055 272.9)）に最も近い色名はGenieです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3C4464
oklch(0.394 0.055 272.9)
カラー変換
- HEX
- #3c4464
- RGB
- rgb(60 68 100)
- HSL
- hsl(228 25% 31%)
- HWB
- hwb(228 24% 61%)
- OKLCH
- oklch(0.394 0.055 272.9)
- OKLab
- oklab(0.394 0.003 -0.055)
- CIE Lab
- lab(29.21 3.46 -20.1)
- LCH
- lch(29.21 20.4 279.8)
- CMYK
- cmyk(40% 32% 0% 61%)
ティント · シェード · トーン
ティント
- 4D5573
- 5F6682
- 717891
- 848AA0
- 979DAF
- ABB0BF
- C0C3CF
- D4D7DF
- EAEBEF
シェード
- 333A56
- 2A3048
- 21263B
- 191D2E
- 111422
- 0A0C16
- 04050B
- 010203
- 000000
トーン
- 424A67
- 49506A
- 4F566D
- 565C70
- 5D6273
- 646875
- 6B6E78
- 72747B
- 797A7D
カラーハーモニー
補色 +180°
- 3C4464
Genie
- 504521
≈ Uniform Green
類似色 -30° +30°
- 3C4464
Genie
- 2A4961
≈ Deep Ocean
- 4C3F5F
≈ Powerful Mauve
トライアド +120° +240°
- 3C4464
Genie
- 603B33
≈ Hereford Bull
- 2E4F38
≈ Moselle Green
スプリットコンプリメンタリー +150° +210°
- 3C4464
Genie
- 5B3F25
≈ Bracken
- 404B29
≈ Bronze Tone
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.53:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.20:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.53:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--genie: #3c4464;
--genie-rgb: 60 68 100;
--genie-oklch: oklch(0.394 0.055 272.9);
}
.element {
color: var(--genie);
background-color: hsl(228 25% 31%);
border-color: oklch(0.394 0.055 272.9);
}Tailwind CSS v4
@theme {
--color-genie: #3c4464;
--color-genie-50: #f0f4ff;
--color-genie-100: #e2e7fb;
--color-genie-200: #cdd3ed;
--color-genie-300: #afb6d4;
--color-genie-400: #939dc0;
--color-genie-500: #7a84ac;
--color-genie-600: #677091;
--color-genie-700: #525974;
--color-genie-800: #3b4256;
--color-genie-900: #282d3c;
--color-genie-950: #161a26;
}SCSS
$genie: #3c4464;
$genie-rgb: 60, 68, 100;
$genie-light: mix(#fff, $genie, 20%);
$genie-dark: mix(#000, $genie, 20%);
.element {
color: $genie;
box-shadow: 0 0 0 2px rgba($genie, 0.35);
}