Adlandırılmış renk · #4F9297
Bluebound
Bluebound, #4F9297: rgb(79 146 151), hsl(184 31% 45%), oklch(0.618 0.069 201.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Bluebound color name →
#4F9297
oklch(0.618 0.069 201.8)
Renk dönüşümleri
- HEX
- #4f9297
- RGB
- rgb(79 146 151)
- HSL
- hsl(184 31% 45%)
- HWB
- hwb(184 31% 41%)
- OKLCH
- oklch(0.618 0.069 201.8)
- OKLab
- oklab(0.618 -0.064 -0.026)
- CIE Lab
- lab(56.31 -21.2 -9.66)
- LCH
- lch(56.31 23.29 204.5)
- CMYK
- cmyk(48% 3% 0% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 629DA1
- 74A7AB
- 85B2B5
- 96BDC0
- A8C8CA
- B9D3D4
- CADEDF
- DCE9EA
- EDF4F4
Koyu tonlar
- 447E83
- 386B6F
- 2E585C
- 234649
- 193537
- 102526
- 071617
- 020808
- 000101
Gri tonlar
- 569095
- 5C8F92
- 618D90
- 668B8E
- 6B898C
- 708889
- 748687
- 788485
- 7C8282
Renk uyumları
Tamamlayıcı +180°
- 4F9297
Bluebound
- AB7573
≈ Cinnamon Diamonds
Analog -30° +30°
- 4F9297
Bluebound
- 589381
≈ Puerto Princesa
- 598DA8
≈ Sea Crystal
Üçlü +120° +240°
- 4F9297
Bluebound
- 99789E
≈ Divine
- 9A8255
≈ Grassy Cliff
Bölünmüş tamamlayıcı +150° +210°
- 4F9297
Bluebound
- A6758A
≈ Upper Crust
- A77A5F
≈ Tuscan Soil
Dörtlü +90° +180° +270°
- 4F9297
Bluebound
- 867EAC
≈ Parmentier
- AB7573
≈ Cinnamon Diamonds
- 868A59
≈ Iguana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.56:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.89:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--bluebound: #4f9297;
--bluebound-rgb: 79 146 151;
--bluebound-oklch: oklch(0.618 0.069 201.8);
}
.element {
color: var(--bluebound);
background-color: hsl(184 31% 45%);
border-color: oklch(0.618 0.069 201.8);
}Tailwind CSS v4
@theme {
--color-bluebound: #4f9297;
--color-bluebound-50: #e0fbfe;
--color-bluebound-100: #ceeff2;
--color-bluebound-200: #b3dde2;
--color-bluebound-300: #8ec2c7;
--color-bluebound-400: #6cabb0;
--color-bluebound-500: #489499;
--color-bluebound-600: #3e7d82;
--color-bluebound-700: #316468;
--color-bluebound-800: #224a4c;
--color-bluebound-900: #173335;
--color-bluebound-950: #071f20;
}SCSS
$bluebound: #4f9297;
$bluebound-rgb: 79, 146, 151;
$bluebound-light: mix(#fff, $bluebound, 20%);
$bluebound-dark: mix(#000, $bluebound, 20%);
.element {
color: $bluebound;
box-shadow: 0 0 0 2px rgba($bluebound, 0.35);
}