Adlandırılmış renk · #03667B
World’s Away
World’s Away, #03667B: rgb(3 102 123), hsl(191 95% 25%), oklch(0.472 0.084 218.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · World’s Away color name →
#03667B
oklch(0.472 0.084 218.7)
Renk dönüşümleri
- HEX
- #03667b
- RGB
- rgb(3 102 123)
- HSL
- hsl(191 95% 25%)
- HWB
- hwb(191 1% 52%)
- OKLCH
- oklch(0.472 0.084 218.7)
- OKLab
- oklab(0.472 -0.066 -0.053)
- CIE Lab
- lab(39.15 -19.72 -19.3)
- LCH
- lch(39.15 27.59 224.4)
- CMYK
- cmyk(98% 17% 0% 52%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2D7588
- 488394
- 5F92A1
- 76A1AE
- 8CB0BC
- A3C0C9
- BACFD6
- D1DFE4
- E8EFF1
Koyu tonlar
- 02586A
- 024A5A
- 013C4A
- 012F3A
- 00232C
- 00171E
- 000C10
- 000405
- 000001
Gri tonlar
- 1F697C
- 2F6C7C
- 3C6E7D
- 47717E
- 52747E
- 5B767F
- 65797F
- 6E7B7F
- 777E80
Renk uyumları
Tamamlayıcı +180°
- 03667B
World’s Away
- 834937
≈ Deep Orange-Coloured Brown
Analog -30° +30°
- 03667B
World’s Away
- 006A64
≈ Fashion Blue
- 325F88
≈ Bay Site
Üçlü +120° +240°
- 03667B
World’s Away
- 7A486B
≈ Magician’s Cloak
- 675C1B
≈ High Forest Green
Bölünmüş tamamlayıcı +150° +210°
- 03667B
World’s Away
- 834652
≈ Haunting Melody
- 7A5220
≈ Trojan Horse Brown
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.58:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.19:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--world-s-away: #03667b;
--world-s-away-rgb: 3 102 123;
--world-s-away-oklch: oklch(0.472 0.084 218.7);
}
.element {
color: var(--world-s-away);
background-color: hsl(191 95% 25%);
border-color: oklch(0.472 0.084 218.7);
}Tailwind CSS v4
@theme {
--color-world-s-away: #03667b;
--color-world-s-away-50: #dcfbff;
--color-world-s-away-100: #caeffc;
--color-world-s-away-200: #adddee;
--color-world-s-away-300: #86c2d6;
--color-world-s-away-400: #61abc0;
--color-world-s-away-500: #3793ac;
--color-world-s-away-600: #307d91;
--color-world-s-away-700: #266474;
--color-world-s-away-800: #194955;
--color-world-s-away-900: #10333b;
--color-world-s-away-950: #031f25;
}SCSS
$world-s-away: #03667b;
$world-s-away-rgb: 3, 102, 123;
$world-s-away-light: mix(#fff, $world-s-away, 20%);
$world-s-away-dark: mix(#000, $world-s-away, 20%);
.element {
color: $world-s-away;
box-shadow: 0 0 0 2px rgba($world-s-away, 0.35);
}