Colore con nome · #41767B
Ocean Slumber
Ocean Slumber è #41767B: rgb(65 118 123), hsl(185 31% 37%), oklch(0.531 0.057 203.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Ocean Slumber color name →
#41767B
oklch(0.531 0.057 203.5)
Conversioni di colore
- HEX
- #41767b
- RGB
- rgb(65 118 123)
- HSL
- hsl(185 31% 37%)
- HWB
- hwb(185 25% 52%)
- OKLCH
- oklch(0.531 0.057 203.5)
- OKLab
- oklab(0.531 -0.052 -0.023)
- CIE Lab
- lab(46.13 -17.36 -8.59)
- LCH
- lch(46.13 19.37 206.3)
- CMYK
- cmyk(47% 4% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 548387
- 679094
- 799DA1
- 8CABAE
- 9FB9BB
- B2C6C8
- C5D4D6
- D8E2E3
- EBF1F1
Ombre
- 37666A
- 2E565A
- 25474A
- 1C383A
- 13292C
- 0B1C1E
- 050F10
- 010505
- 000101
Toni
- 49777C
- 50787C
- 56797D
- 5D7A7D
- 637B7E
- 697C7E
- 6F7D7F
- 757E7F
- 7A7F80
Armonie di colore
Complementare +180°
- 41767B
Ocean Slumber
- 8A5F5C
≈ Antique Garnet
Analogo -30° +30°
- 41767B
Ocean Slumber
- 477769
≈ Hooker’s Green
- 4A7288
≈ Inky Blue
Triadico +120° +240°
- 41767B
Ocean Slumber
- 7D617F
≈ Trendy Pink
- 7C6945
≈ Lizard
Complementare divisa +150° +210°
- 41767B
Ocean Slumber
- 875E6F
≈ Glazed Ringlet
- 87634D
≈ Obscure Ochre
Tetradico +90° +180° +270°
- 41767B
Ocean Slumber
- 6D668A
≈ Posy Purple
- 8A5F5C
≈ Antique Garnet
- 6C7049
≈ Outdoor Oasis
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.11:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.10:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--ocean-slumber: #41767b;
--ocean-slumber-rgb: 65 118 123;
--ocean-slumber-oklch: oklch(0.531 0.057 203.5);
}
.element {
color: var(--ocean-slumber);
background-color: hsl(185 31% 37%);
border-color: oklch(0.531 0.057 203.5);
}Tailwind CSS v4
@theme {
--color-ocean-slumber: #41767b;
--color-ocean-slumber-50: #e3fafd;
--color-ocean-slumber-100: #d3eef1;
--color-ocean-slumber-200: #b9dce0;
--color-ocean-slumber-300: #96c0c5;
--color-ocean-slumber-400: #76a9ae;
--color-ocean-slumber-500: #569297;
--color-ocean-slumber-600: #497b80;
--color-ocean-slumber-700: #3a6366;
--color-ocean-slumber-800: #29484b;
--color-ocean-slumber-900: #1c3234;
--color-ocean-slumber-950: #0c1e1f;
}SCSS
$ocean-slumber: #41767b;
$ocean-slumber-rgb: 65, 118, 123;
$ocean-slumber-light: mix(#fff, $ocean-slumber, 20%);
$ocean-slumber-dark: mix(#000, $ocean-slumber, 20%);
.element {
color: $ocean-slumber;
box-shadow: 0 0 0 2px rgba($ocean-slumber, 0.35);
}