Adlandırılmış renk · #264066
Elmer’s Echo
Elmer’s Echo, #264066: rgb(38 64 102), hsl(216 46% 27%), oklch(0.37 0.073 257.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Elmer’s Echo color name →
#264066
oklch(0.37 0.073 257.8)
Renk dönüşümleri
- HEX
- #264066
- RGB
- rgb(38 64 102)
- HSL
- hsl(216 46% 27%)
- HWB
- hwb(216 15% 60%)
- OKLCH
- oklch(0.37 0.073 257.8)
- OKLab
- oklab(0.37 -0.015 -0.072)
- CIE Lab
- lab(26.48 -0.2 -25.77)
- LCH
- lch(26.48 25.77 269.5)
- CMYK
- cmyk(63% 37% 0% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 395175
- 4D6384
- 627593
- 7688A2
- 8C9BB1
- A2AEC0
- B9C2D0
- D0D6DF
- E7EAEF
Koyu tonlar
- 203658
- 192D4A
- 13243C
- 0D1B2F
- 081323
- 040B17
- 02050C
- 010104
- 000000
Gri tonlar
- 2F4669
- 384D6C
- 40536F
- 495A71
- 526074
- 5B6677
- 646D79
- 6D737B
- 777A7E
Renk uyumları
Tamamlayıcı +180°
- 264066
Elmer’s Echo
- 553A06
≈ Pineapple
Analog -30° +30°
- 264066
Elmer’s Echo
- 00475D
≈ Loyal Blue
- 3E3964
≈ Rhynchites Nitens
Üçlü +120° +240°
- 264066
Elmer’s Echo
- 612E31
≈ Chocolate Truffle
- 2C4921
≈ Treetop Cathedral
Bölünmüş tamamlayıcı +150° +210°
- 264066
Elmer’s Echo
- 5F321A
≈ Overbaked
- 44420A
≈ Alligator Gladiator
Dörtlü +90° +180° +270°
- 264066
Elmer’s Echo
- 5B2E47
≈ Vistoris Lake
- 553A06
≈ Pineapple
- 044C38
≈ Chrysocolla Dark Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.46:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.00:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.46:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--elmer-s-echo: #264066;
--elmer-s-echo-rgb: 38 64 102;
--elmer-s-echo-oklch: oklch(0.37 0.073 257.8);
}
.element {
color: var(--elmer-s-echo);
background-color: hsl(216 46% 27%);
border-color: oklch(0.37 0.073 257.8);
}Tailwind CSS v4
@theme {
--color-elmer-s-echo: #264066;
--color-elmer-s-echo-50: #e9f6ff;
--color-elmer-s-echo-100: #dae9ff;
--color-elmer-s-echo-200: #c2d5f4;
--color-elmer-s-echo-300: #a2b9de;
--color-elmer-s-echo-400: #84a0ca;
--color-elmer-s-echo-500: #6788b7;
--color-elmer-s-echo-600: #58739a;
--color-elmer-s-echo-700: #465c7c;
--color-elmer-s-echo-800: #31435c;
--color-elmer-s-echo-900: #212f40;
--color-elmer-s-echo-950: #111b29;
}SCSS
$elmer-s-echo: #264066;
$elmer-s-echo-rgb: 38, 64, 102;
$elmer-s-echo-light: mix(#fff, $elmer-s-echo, 20%);
$elmer-s-echo-dark: mix(#000, $elmer-s-echo, 20%);
.element {
color: $elmer-s-echo;
box-shadow: 0 0 0 2px rgba($elmer-s-echo, 0.35);
}