Colore con nome · #2E7176
Whaling Waters
Whaling Waters è #2E7176: rgb(46 113 118), hsl(184 44% 32%), oklch(0.508 0.067 202). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Whaling Waters color name →
#2E7176
oklch(0.508 0.067 202)
Conversioni di colore
- HEX
- #2e7176
- RGB
- rgb(46 113 118)
- HSL
- hsl(184 44% 32%)
- HWB
- hwb(184 18% 54%)
- OKLCH
- oklch(0.508 0.067 202)
- OKLab
- oklab(0.508 -0.062 -0.025)
- CIE Lab
- lab(43.57 -20.75 -9.52)
- LCH
- lch(43.57 22.83 204.6)
- CMYK
- cmyk(61% 4% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 457E83
- 5A8C90
- 6F9A9D
- 83A8AB
- 97B6B8
- ACC4C6
- C0D3D4
- D5E1E2
- EAF0F1
Ombre
- 276166
- 1F5256
- 184347
- 123538
- 0B2729
- 061A1C
- 020E0F
- 010405
- 000101
Toni
- 397377
- 437478
- 4C7679
- 54777A
- 5C797B
- 637A7C
- 6B7C7D
- 727D7E
- 797F7F
Armonie di colore
Complementare +180°
- 2E7176
Whaling Waters
- 885654
≈ Conifer Cone
Analogo -30° +30°
- 2E7176
Whaling Waters
- 387261
≈ Nordic Forest
- 3A6C86
≈ Lake Stream
Triadico +120° +240°
- 2E7176
Whaling Waters
- 78597D
≈ Dr Who
- 796236
≈ Twig Basket
Complementare divisa +150° +210°
- 2E7176
Whaling Waters
- 84556A
≈ Private Tone
- 855A41
≈ Hope Chest
Tetradico +90° +180° +270°
- 2E7176
Whaling Waters
- 665E89
≈ Kimberly
- 885654
≈ Conifer Cone
- 666A3B
≈ Jungle Civilization
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.61:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.73:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--whaling-waters: #2e7176;
--whaling-waters-rgb: 46 113 118;
--whaling-waters-oklch: oklch(0.508 0.067 202);
}
.element {
color: var(--whaling-waters);
background-color: hsl(184 44% 32%);
border-color: oklch(0.508 0.067 202);
}Tailwind CSS v4
@theme {
--color-whaling-waters: #2e7176;
--color-whaling-waters-50: #e0fbfe;
--color-whaling-waters-100: #cfeff2;
--color-whaling-waters-200: #b4dde1;
--color-whaling-waters-300: #8fc2c7;
--color-whaling-waters-400: #6dabaf;
--color-whaling-waters-500: #499499;
--color-whaling-waters-600: #3f7d82;
--color-whaling-waters-700: #326468;
--color-whaling-waters-800: #23494c;
--color-whaling-waters-900: #173334;
--color-whaling-waters-950: #081f20;
}SCSS
$whaling-waters: #2e7176;
$whaling-waters-rgb: 46, 113, 118;
$whaling-waters-light: mix(#fff, $whaling-waters, 20%);
$whaling-waters-dark: mix(#000, $whaling-waters, 20%);
.element {
color: $whaling-waters;
box-shadow: 0 0 0 2px rgba($whaling-waters, 0.35);
}