Colore con nome · #5C8173
Cutty Sark
Cutty Sark è #5C8173: rgb(92 129 115), hsl(157 17% 43%), oklch(0.571 0.047 169.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cutty Sark color name →
#5C8173
oklch(0.571 0.047 169.2)
Conversioni di colore
- HEX
- #5c8173
- RGB
- rgb(92 129 115)
- HSL
- hsl(157 17% 43%)
- HWB
- hwb(157 36% 49%)
- OKLCH
- oklch(0.571 0.047 169.2)
- OKLab
- oklab(0.571 -0.046 0.009)
- CIE Lab
- lab(50.87 -15.94 3.21)
- LCH
- lch(50.87 16.26 168.6)
- CMYK
- cmyk(29% 0% 11% 49%)
Tinte · Ombre · Toni
Tinte
- 6C8D80
- 7B998D
- 8BA59B
- 9BB2A9
- ABBEB6
- BCCBC5
- CCD8D3
- DDE5E1
- EEF2F0
Ombre
- 4F6F63
- 425E54
- 364E45
- 2A3E36
- 1F2E28
- 141F1B
- 0A120F
- 030605
- 000101
Toni
- 608174
- 648176
- 688177
- 6B8178
- 6F8179
- 72817B
- 76807C
- 79807D
- 7D807F
Armonie di colore
Complementare +180°
- 5C8173
Cutty Sark
- 8E6D7C
≈ Blunt Violet
Analogo -30° +30°
- 5C8173
Cutty Sark
- 6A7F64
≈ Emerald City
- 568082
≈ Nickel Ore Green
Triadico +120° +240°
- 5C8173
Cutty Sark
- 767392
≈ Rhythm
- 8F705F
≈ Redwood Forest
Complementare divisa +150° +210°
- 5C8173
Cutty Sark
- 846F8A
≈ Grey Purple
- 926D6D
≈ Moss Rose
Tetradico +90° +180° +270°
- 5C8173
Cutty Sark
- 677994
≈ Noble Blue
- 8E6D7C
≈ Blunt Violet
- 877558
≈ Verde Marrón
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.33:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.84:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--cutty-sark: #5c8173;
--cutty-sark-rgb: 92 129 115;
--cutty-sark-oklch: oklch(0.571 0.047 169.2);
}
.element {
color: var(--cutty-sark);
background-color: hsl(157 17% 43%);
border-color: oklch(0.571 0.047 169.2);
}Tailwind CSS v4
@theme {
--color-cutty-sark: #5c8173;
--color-cutty-sark-50: #e9faf3;
--color-cutty-sark-100: #d9ede6;
--color-cutty-sark-200: #c1dbd2;
--color-cutty-sark-300: #a0c0b4;
--color-cutty-sark-400: #84a89a;
--color-cutty-sark-500: #679181;
--color-cutty-sark-600: #587a6d;
--color-cutty-sark-700: #466257;
--color-cutty-sark-800: #33483f;
--color-cutty-sark-900: #22322b;
--color-cutty-sark-950: #111e19;
}SCSS
$cutty-sark: #5c8173;
$cutty-sark-rgb: 92, 129, 115;
$cutty-sark-light: mix(#fff, $cutty-sark, 20%);
$cutty-sark-dark: mix(#000, $cutty-sark, 20%);
.element {
color: $cutty-sark;
box-shadow: 0 0 0 2px rgba($cutty-sark, 0.35);
}