Colore con nome · #005961
Entrapment
Entrapment è #005961: rgb(0 89 97), hsl(185 100% 19%), oklch(0.424 0.072 205.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Entrapment color name →
#005961
oklch(0.424 0.072 205.4)
Conversioni di colore
- HEX
- #005961
- RGB
- rgb(0 89 97)
- HSL
- hsl(185 100% 19%)
- HWB
- hwb(185 0% 62%)
- OKLCH
- oklch(0.424 0.072 205.4)
- OKLab
- oklab(0.424 -0.065 -0.031)
- CIE Lab
- lab(33.74 -21.28 -11.55)
- LCH
- lch(33.74 24.21 208.5)
- CMYK
- cmyk(100% 8% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 296870
- 43787F
- 5A888E
- 71989D
- 88A9AD
- A0BABD
- B7CBCD
- CFDCDE
- E7EDEE
Ombre
- 004C53
- 004046
- 003439
- 00282D
- 001D21
- 001315
- 00090B
- 000303
- 000000
Toni
- 1B5D64
- 2B6167
- 38656A
- 43696D
- 4E6D71
- 587174
- 637577
- 6C787A
- 767C7D
Armonie di colore
Complementare +180°
- 005961
Entrapment
- 703D39
≈ Single Origin
Analogo -30° +30°
- 005961
Entrapment
- 135B4C
≈ Evergreen
- 1F5470
≈ Canoe Blue
Triadico +120° +240°
- 005961
Entrapment
- 624064
≈ Purple Odyssey
- 604B19
≈ Mud Brown
Complementare divisa +150° +210°
- 005961
Entrapment
- 6D3C50
≈ Ruby Nights
- 6C4324
≈ Flattery
Tetradico +90° +180° +270°
- 005961
Entrapment
- 514671
≈ Evening Fizz
- 703D39
≈ Single Origin
- 4C5320
≈ Army Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.07:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.60:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--entrapment: #005961;
--entrapment-rgb: 0 89 97;
--entrapment-oklch: oklch(0.424 0.072 205.4);
}
.element {
color: var(--entrapment);
background-color: hsl(185 100% 19%);
border-color: oklch(0.424 0.072 205.4);
}Tailwind CSS v4
@theme {
--color-entrapment: #005961;
--color-entrapment-50: #defcff;
--color-entrapment-100: #cdeff4;
--color-entrapment-200: #b1dee4;
--color-entrapment-300: #8cc2ca;
--color-entrapment-400: #68abb3;
--color-entrapment-500: #43949d;
--color-entrapment-600: #3a7d85;
--color-entrapment-700: #2e646a;
--color-entrapment-800: #204a4e;
--color-entrapment-900: #153336;
--color-entrapment-950: #061f21;
}SCSS
$entrapment: #005961;
$entrapment-rgb: 0, 89, 97;
$entrapment-light: mix(#fff, $entrapment, 20%);
$entrapment-dark: mix(#000, $entrapment, 20%);
.element {
color: $entrapment;
box-shadow: 0 0 0 2px rgba($entrapment, 0.35);
}