Adlandırılmış renk · #2E526A
Ocean Trapeze
Ocean Trapeze, #2E526A: rgb(46 82 106), hsl(204 39% 30%), oklch(0.422 0.058 239.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Ocean Trapeze color name →
#2E526A
oklch(0.422 0.058 239.3)
Renk dönüşümleri
- HEX
- #2e526a
- RGB
- rgb(46 82 106)
- HSL
- hsl(204 39% 30%)
- HWB
- hwb(204 18% 58%)
- OKLCH
- oklch(0.422 0.058 239.3)
- OKLab
- oklab(0.422 -0.029 -0.05)
- CIE Lab
- lab(32.99 -7.62 -18.17)
- LCH
- lch(32.99 19.71 247.3)
- CMYK
- cmyk(57% 23% 0% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 426278
- 557286
- 698395
- 7D94A3
- 92A5B2
- A7B6C1
- BDC8D0
- D2DAE0
- E8ECEF
Koyu tonlar
- 27465B
- 1F3B4D
- 182F3F
- 122531
- 0B1A24
- 061118
- 02080D
- 010204
- 000000
Gri tonlar
- 37576C
- 3F5B6F
- 476071
- 506473
- 586975
- 606E78
- 68727A
- 70777C
- 787B7E
Renk uyumları
Tamamlayıcı +180°
- 2E526A
Ocean Trapeze
- 65462C
≈ Hickory Chips
Analog -30° +30°
- 2E526A
Ocean Trapeze
- 20565F
≈ Uncharted
- 414C6E
≈ Blackberry Cobbler
Üçlü +120° +240°
- 2E526A
Ocean Trapeze
- 68404D
≈ Chocolate Praline
- 4A522D
≈ Zen Garden Olive
Bölünmüş tamamlayıcı +150° +210°
- 2E526A
Ocean Trapeze
- 6A413B
≈ Autumn Fall
- 5A4C26
≈ Bronze Olive
Dörtlü +90° +180° +270°
- 2E526A
Ocean Trapeze
- 5F425D
≈ Hortensia
- 65462C
≈ Hickory Chips
- 36573C
≈ Ficus
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.29:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.53:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.29:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-trapeze: #2e526a;
--ocean-trapeze-rgb: 46 82 106;
--ocean-trapeze-oklch: oklch(0.422 0.058 239.3);
}
.element {
color: var(--ocean-trapeze);
background-color: hsl(204 39% 30%);
border-color: oklch(0.422 0.058 239.3);
}Tailwind CSS v4
@theme {
--color-ocean-trapeze: #2e526a;
--color-ocean-trapeze-50: #e7f8ff;
--color-ocean-trapeze-100: #d8ebfa;
--color-ocean-trapeze-200: #bfd8eb;
--color-ocean-trapeze-300: #9ebcd3;
--color-ocean-trapeze-400: #7fa4bd;
--color-ocean-trapeze-500: #628ca9;
--color-ocean-trapeze-600: #53768f;
--color-ocean-trapeze-700: #425f72;
--color-ocean-trapeze-800: #2f4654;
--color-ocean-trapeze-900: #20303b;
--color-ocean-trapeze-950: #0f1c25;
}SCSS
$ocean-trapeze: #2e526a;
$ocean-trapeze-rgb: 46, 82, 106;
$ocean-trapeze-light: mix(#fff, $ocean-trapeze, 20%);
$ocean-trapeze-dark: mix(#000, $ocean-trapeze, 20%);
.element {
color: $ocean-trapeze;
box-shadow: 0 0 0 2px rgba($ocean-trapeze, 0.35);
}