Màu có tên gần nhất · #235CB9
#235CB9
Màu có tên gần nhất: Blasphemous Blue
#235CB9 (rgb(35 92 185), hsl(217 68% 43%), oklch(0.492 0.159 259.9)) gần nhất với màu có tên Blasphemous Blue. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#235CB9
oklch(0.492 0.159 259.9)
Chuyển đổi màu
- HEX
- #235cb9
- RGB
- rgb(35 92 185)
- HSL
- hsl(217 68% 43%)
- HWB
- hwb(217 14% 27%)
- OKLCH
- oklch(0.492 0.159 259.9)
- OKLab
- oklab(0.492 -0.028 -0.156)
- CIE Lab
- lab(39.56 8.73 -55.49)
- LCH
- lch(39.56 56.17 278.9)
- CMYK
- cmyk(81% 50% 0% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3A6DC1
- 4F7DC9
- 658ED1
- 7A9ED8
- 8FAEDF
- A5BEE6
- BBCEED
- D1DEF3
- E8EFF9
Sắc đậm
- 1D4FA0
- 174289
- 113671
- 0C2A5B
- 071F46
- 041431
- 010A1E
- 00030D
- 000002
Sắc xám
- 2E61B4
- 3965AF
- 4269AA
- 4C6DA4
- 55719F
- 5E7499
- 667793
- 6F7B8D
- 787D87
Hòa sắc
Bổ túc +180°
- 235CB9
Blasphemous Blue
- 7F5900
≈ Qahvei Brown
Tương đồng -30° +30°
- 235CB9
Blasphemous Blue
- 006A8D
≈ Techno Blue
- 634AB3
≈ Swiss Plum
Bộ ba +120° +240°
- 235CB9
Blasphemous Blue
- A82D39
≈ Pompeian Red
- 217500
≈ Botanical Beauty
Bổ túc chia +150° +210°
- 235CB9
Blasphemous Blue
- 994500
≈ Roux
- 656500
≈ Earthy Khaki Green
Bộ bốn +90° +180° +270°
- 235CB9
Blasphemous Blue
- 9E2F6E
≈ Amaranth Deep Purple
- 7F5900
≈ Qahvei Brown
- 007258
≈ Tropical Rainforest
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.35:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.30:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--blasphemous-blue: #235cb9;
--blasphemous-blue-rgb: 35 92 185;
--blasphemous-blue-oklch: oklch(0.492 0.159 259.9);
}
.element {
color: var(--blasphemous-blue);
background-color: hsl(217 68% 43%);
border-color: oklch(0.492 0.159 259.9);
}Tailwind CSS v4
@theme {
--color-blasphemous-blue: #235cb9;
--color-blasphemous-blue-50: #ddf6ff;
--color-blasphemous-blue-100: #cbe9ff;
--color-blasphemous-blue-200: #afd5ff;
--color-blasphemous-blue-300: #8ab7ff;
--color-blasphemous-blue-400: #649dfb;
--color-blasphemous-blue-500: #4182ed;
--color-blasphemous-blue-600: #386fc8;
--color-blasphemous-blue-700: #2d58a1;
--color-blasphemous-blue-800: #1b4178;
--color-blasphemous-blue-900: #122d55;
--color-blasphemous-blue-950: #041939;
}SCSS
$blasphemous-blue: #235cb9;
$blasphemous-blue-rgb: 35, 92, 185;
$blasphemous-blue-light: mix(#fff, $blasphemous-blue, 20%);
$blasphemous-blue-dark: mix(#000, $blasphemous-blue, 20%);
.element {
color: $blasphemous-blue;
box-shadow: 0 0 0 2px rgba($blasphemous-blue, 0.35);
}