最も近い色名 · #211F49
#211F49
最も近い色名: Azulado
#211F49（rgb(33 31 73)、hsl(243 40% 20%)、oklch(0.267 0.076 282.1)）に最も近い色名はAzuladoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#211F49
oklch(0.267 0.076 282.1)
カラー変換
- HEX
- #211f49
- RGB
- rgb(33 31 73)
- HSL
- hsl(243 40% 20%)
- HWB
- hwb(243 12% 71%)
- OKLCH
- oklch(0.267 0.076 282.1)
- OKLab
- oklab(0.267 0.016 -0.074)
- CIE Lab
- lab(13.97 11.42 -26.42)
- LCH
- lch(13.97 28.78 293.4)
- CMYK
- cmyk(55% 58% 0% 71%)
ティント · シェード · トーン
ティント
- 33335A
- 46476C
- 5A5C7D
- 70728F
- 8688A1
- 9D9FB4
- B5B6C6
- CDCED9
- E6E6EC
シェード
- 1B193E
- 161434
- 100F2A
- 0B0A20
- 060617
- 03030E
- 010106
- 000002
- 000000
トーン
- 29294F
- 323255
- 3A3B5A
- 444560
- 4D4E65
- 57586B
- 616270
- 6B6C76
- 75767B
カラーハーモニー
補色 +180°
- 211F49
Azulado
- 2B2600
≈ Black Swan
類似色 -30° +30°
- 211F49
Azulado
- 032649
≈ Rhapsody in Blue
- 321940
≈ Blackcurrant
トライアド +120° +240°
- 211F49
Azulado
- 431602
≈ Old Study
- 002E1D
≈ Bush
スプリットコンプリメンタリー +150° +210°
- 211F49
Azulado
- 362000
≈ Black Swan
- 172D00
≈ Diminishing Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.47:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.35:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.47:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--azulado: #211f49;
--azulado-rgb: 33 31 73;
--azulado-oklch: oklch(0.267 0.076 282.1);
}
.element {
color: var(--azulado);
background-color: hsl(243 40% 20%);
border-color: oklch(0.267 0.076 282.1);
}Tailwind CSS v4
@theme {
--color-azulado: #211f49;
--color-azulado-50: #f2f3ff;
--color-azulado-100: #e4e5ff;
--color-azulado-200: #d0d1f4;
--color-azulado-300: #b2b3de;
--color-azulado-400: #9799cb;
--color-azulado-500: #7e80b7;
--color-azulado-600: #6b6c9b;
--color-azulado-700: #55577c;
--color-azulado-800: #3d3f5c;
--color-azulado-900: #2a2c41;
--color-azulado-950: #181929;
}SCSS
$azulado: #211f49;
$azulado-rgb: 33, 31, 73;
$azulado-light: mix(#fff, $azulado, 20%);
$azulado-dark: mix(#000, $azulado, 20%);
.element {
color: $azulado;
box-shadow: 0 0 0 2px rgba($azulado, 0.35);
}