Màu có tên · #2E4C5B
Celtic Rush
Celtic Rush là #2E4C5B: rgb(46 76 91), hsl(200 33% 27%), oklch(0.399 0.044 231). 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.
What does Blue mean? → · Celtic Rush color name →
#2E4C5B
oklch(0.399 0.044 231)
Chuyển đổi màu
- HEX
- #2e4c5b
- RGB
- rgb(46 76 91)
- HSL
- hsl(200 33% 27%)
- HWB
- hwb(200 18% 64%)
- OKLCH
- oklch(0.399 0.044 231)
- OKLab
- oklab(0.399 -0.028 -0.034)
- CIE Lab
- lab(30.46 -8.1 -12.58)
- LCH
- lch(30.46 14.97 237.2)
- CMYK
- cmyk(49% 16% 0% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 415C6A
- 556D7A
- 687E89
- 7D8F99
- 91A1AA
- A6B3BA
- BCC6CB
- D2D9DC
- E8ECED
Sắc đậm
- 27414E
- 1F3641
- 182C35
- 122229
- 0B181E
- 060F13
- 020609
- 010203
- 000000
Sắc xám
- 36515F
- 3F5662
- 475B66
- 4F616A
- 57666E
- 5F6B71
- 677075
- 6F7579
- 787B7C
Hòa sắc
Bổ túc +180°
- 2E4C5B
Celtic Rush
- 5B4132
≈ Pitch Mary Brown
Tương đồng -30° +30°
- 2E4C5B
Celtic Rush
- 284F51
≈ Seagrass Green
- 3A485F
≈ Anthracite Blue
Bộ ba +120° +240°
- 2E4C5B
Celtic Rush
- 5A3E4A
≈ Siliceous Red
- 484A2E
≈ Tinny Tin
Bổ túc chia +150° +210°
- 2E4C5B
Celtic Rush
- 5D3E3D
≈ Wine Brown
- 54452C
≈ Garden Loam
Bộ bốn +90° +180° +270°
- 2E4C5B
Celtic Rush
- 534056
≈ Purple Bloom
- 5B4132
≈ Pitch Mary Brown
- 3B4E37
≈ Angry Gremlin
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.12:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.30:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.12:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--celtic-rush: #2e4c5b;
--celtic-rush-rgb: 46 76 91;
--celtic-rush-oklch: oklch(0.399 0.044 231);
}
.element {
color: var(--celtic-rush);
background-color: hsl(200 33% 27%);
border-color: oklch(0.399 0.044 231);
}Tailwind CSS v4
@theme {
--color-celtic-rush: #2e4c5b;
--color-celtic-rush-50: #eaf8ff;
--color-celtic-rush-100: #daebf4;
--color-celtic-rush-200: #c3d8e4;
--color-celtic-rush-300: #a2bccb;
--color-celtic-rush-400: #85a4b4;
--color-celtic-rush-500: #698c9e;
--color-celtic-rush-600: #597686;
--color-celtic-rush-700: #475f6b;
--color-celtic-rush-800: #33464f;
--color-celtic-rush-900: #223037;
--color-celtic-rush-950: #111c22;
}SCSS
$celtic-rush: #2e4c5b;
$celtic-rush-rgb: 46, 76, 91;
$celtic-rush-light: mix(#fff, $celtic-rush, 20%);
$celtic-rush-dark: mix(#000, $celtic-rush, 20%);
.element {
color: $celtic-rush;
box-shadow: 0 0 0 2px rgba($celtic-rush, 0.35);
}