Colore con nome · #85A699
Beckett
Beckett è #85A699: rgb(133 166 153), hsl(156 16% 59%), oklch(0.697 0.041 169.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Beckett color name →
#85A699
oklch(0.697 0.041 169.2)
Conversioni di colore
- HEX
- #85a699
- RGB
- rgb(133 166 153)
- HSL
- hsl(156 16% 59%)
- HWB
- hwb(156 52% 35%)
- OKLCH
- oklch(0.697 0.041 169.2)
- OKLab
- oklab(0.697 -0.04 0.008)
- CIE Lab
- lab(65.35 -13.83 2.81)
- LCH
- lch(65.35 14.12 168.5)
- CMYK
- cmyk(20% 0% 8% 35%)
Tinte · Ombre · Toni
Tinte
- 91AFA3
- 9DB7AD
- A9C0B7
- B5C9C1
- C1D2CB
- CDDBD5
- DAE4DF
- E6EDEA
- F2F6F4
Ombre
- 739084
- 617A70
- 50655D
- 40514A
- 303E38
- 212B27
- 131A17
- 060A08
- 010101
Toni
- 85A296
- 849E94
- 849A91
- 84978F
- 83938C
- 838F8A
- 828B87
- 818885
- 818482
Armonie di colore
Complementare +180°
- 85A699
Beckett
- B293A1
≈ Ashberry
Analogo -30° +30°
- 85A699
Beckett
- 91A48C
≈ Sonoma Sage
- 80A6A7
≈ Ziggurat
Triadico +120° +240°
- 85A699
Beckett
- 9C9AB6
≈ Logan
- B39687
≈ Brush
Complementare divisa +150° +210°
- 85A699
Beckett
- A996AE
≈ London Hue
- B69493
≈ Cherry Taupe
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.91:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--beckett: #85a699;
--beckett-rgb: 133 166 153;
--beckett-oklch: oklch(0.697 0.041 169.2);
}
.element {
color: var(--beckett);
background-color: hsl(156 16% 59%);
border-color: oklch(0.697 0.041 169.2);
}Tailwind CSS v4
@theme {
--color-beckett: #85a699;
--color-beckett-50: #eaf9f3;
--color-beckett-100: #dbede6;
--color-beckett-200: #c4dad2;
--color-beckett-300: #a3bfb5;
--color-beckett-400: #87a79a;
--color-beckett-500: #6c8f82;
--color-beckett-600: #5b796e;
--color-beckett-700: #496158;
--color-beckett-800: #35473f;
--color-beckett-900: #24312c;
--color-beckett-950: #131d19;
}SCSS
$beckett: #85a699;
$beckett-rgb: 133, 166, 153;
$beckett-light: mix(#fff, $beckett, 20%);
$beckett-dark: mix(#000, $beckett, 20%);
.element {
color: $beckett;
box-shadow: 0 0 0 2px rgba($beckett, 0.35);
}