Màu có tên gần nhất · #265277
#265277
Màu có tên gần nhất: 3AM in Shibuya
#265277 (rgb(38 82 119), hsl(207 52% 31%), oklch(0.425 0.079 246.4)) gần nhất với màu có tên 3AM in Shibuya. 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.
#265277
oklch(0.425 0.079 246.4)
Chuyển đổi màu
- HEX
- #265277
- RGB
- rgb(38 82 119)
- HSL
- hsl(207 52% 31%)
- HWB
- hwb(207 15% 53%)
- OKLCH
- oklch(0.425 0.079 246.4)
- OKLab
- oklab(0.425 -0.031 -0.072)
- CIE Lab
- lab(33.13 -5.87 -26.06)
- LCH
- lch(33.13 26.72 257.3)
- CMYK
- cmyk(68% 31% 0% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3B6284
- 507392
- 65839F
- 7A94AC
- 8FA5BA
- A5B7C8
- BBC8D5
- D1DAE3
- E8EDF1
Sắc đậm
- 204667
- 193B57
- 132F47
- 0D2538
- 081A2A
- 04111C
- 020810
- 010205
- 000001
Sắc xám
- 305778
- 3A5B79
- 43607B
- 4C657C
- 55697D
- 5D6E7D
- 66737E
- 6F777F
- 777C7F
Hòa sắc
Bổ túc +180°
- 265277
3AM in Shibuya
- 6B4519
≈ Antique Brass
Tương đồng -30° +30°
- 265277
3AM in Shibuya
- 005869
≈ Oceanside
- 434A79
≈ Takaka
Bộ ba +120° +240°
- 265277
3AM in Shibuya
- 723B47
≈ Ripening Grape
- 435623
≈ Verdun Green
Bổ túc chia +150° +210°
- 265277
3AM in Shibuya
- 733E2F
≈ Cowboy Suede
- 5B4E11
≈ Scorzonera Brown
Bộ bốn +90° +180° +270°
- 265277
3AM in Shibuya
- 693D5F
≈ Royal Plum
- 6B4519
≈ Antique Brass
- 235B3C
≈ Greenbriar
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.21:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.55:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--color-3am-in-shibuya: #265277;
--color-3am-in-shibuya-rgb: 38 82 119;
--color-3am-in-shibuya-oklch: oklch(0.425 0.079 246.4);
}
.element {
color: var(--color-3am-in-shibuya);
background-color: hsl(207 52% 31%);
border-color: oklch(0.425 0.079 246.4);
}Tailwind CSS v4
@theme {
--color-color-3am-in-shibuya: #265277;
--color-color-3am-in-shibuya-50: #e4f8ff;
--color-color-3am-in-shibuya-100: #d4ebff;
--color-color-3am-in-shibuya-200: #bbd8f5;
--color-color-3am-in-shibuya-300: #98bcde;
--color-color-3am-in-shibuya-400: #78a3cb;
--color-color-3am-in-shibuya-500: #598bb8;
--color-color-3am-in-shibuya-600: #4c769b;
--color-color-3am-in-shibuya-700: #3c5e7c;
--color-color-3am-in-shibuya-800: #2a455c;
--color-color-3am-in-shibuya-900: #1c3040;
--color-color-3am-in-shibuya-950: #0c1c29;
}SCSS
$color-3am-in-shibuya: #265277;
$color-3am-in-shibuya-rgb: 38, 82, 119;
$color-3am-in-shibuya-light: mix(#fff, $color-3am-in-shibuya, 20%);
$color-3am-in-shibuya-dark: mix(#000, $color-3am-in-shibuya, 20%);
.element {
color: $color-3am-in-shibuya;
box-shadow: 0 0 0 2px rgba($color-3am-in-shibuya, 0.35);
}