Colore con nome più vicino · #639594
#639594
Colore con nome più vicino: Yucca
#639594 (rgb(99 149 148), hsl(179 20% 49%), oklch(0.634 0.054 194.3)) è più vicino al colore con nome Yucca. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#639594
oklch(0.634 0.054 194.3)
Conversioni di colore
- HEX
- #639594
- RGB
- rgb(99 149 148)
- HSL
- hsl(179 20% 49%)
- HWB
- hwb(179 39% 42%)
- OKLCH
- oklch(0.634 0.054 194.3)
- OKLab
- oklab(0.634 -0.052 -0.013)
- CIE Lab
- lab(58.15 -17.58 -5.11)
- LCH
- lch(58.15 18.31 196.2)
- CMYK
- cmyk(34% 0% 1% 42%)
Tinte · Ombre · Toni
Tinte
- 739F9E
- 82AAA9
- 91B4B3
- A1BEBE
- B0C9C8
- C0D4D3
- CFDEDE
- DFE9E9
- EFF4F4
Ombre
- 558180
- 476D6D
- 3A5A5A
- 2E4848
- 213736
- 162626
- 0B1616
- 030808
- 000101
Toni
- 679392
- 6A9190
- 6D8F8E
- 708D8C
- 738B8A
- 768988
- 798686
- 7B8484
- 7E8282
Armonie di colore
Complementare +180°
- 639594
Yucca
- A87D80
≈ Cherry Mocha
Analogo -30° +30°
- 639594
Yucca
- 6C9582
≈ Up North
- 6792A3
≈ Wave Jumper
Triadico +120° +240°
- 639594
Yucca
- 9781A1
≈ Purple Phantom
- 9E8666
≈ Soft Bronze
Complementare divisa +150° +210°
- 639594
Yucca
- A37E92
≈ Cali Lily
- A78170
≈ Cocoa Nutmeg
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.35:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.25:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--yucca: #639594;
--yucca-rgb: 99 149 148;
--yucca-oklch: oklch(0.634 0.054 194.3);
}
.element {
color: var(--yucca);
background-color: hsl(179 20% 49%);
border-color: oklch(0.634 0.054 194.3);
}Tailwind CSS v4
@theme {
--color-yucca: #639594;
--color-yucca-50: #e4fafa;
--color-yucca-100: #d4eeee;
--color-yucca-200: #bbdcdc;
--color-yucca-300: #98c0c0;
--color-yucca-400: #79a9a8;
--color-yucca-500: #5a9291;
--color-yucca-600: #4d7b7a;
--color-yucca-700: #3d6362;
--color-yucca-800: #2c4847;
--color-yucca-900: #1d3231;
--color-yucca-950: #0d1e1d;
}SCSS
$yucca: #639594;
$yucca-rgb: 99, 149, 148;
$yucca-light: mix(#fff, $yucca, 20%);
$yucca-dark: mix(#000, $yucca, 20%);
.element {
color: $yucca;
box-shadow: 0 0 0 2px rgba($yucca, 0.35);
}