Colore con nome più vicino · #9CDCD6
#9CDCD6
Colore con nome più vicino: Aqua Fiesta
#9CDCD6 (rgb(156 220 214), hsl(174 48% 74%), oklch(0.85 0.065 188.7)) è più vicino al colore con nome Aqua Fiesta. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9CDCD6
oklch(0.85 0.065 188.7)
Conversioni di colore
- HEX
- #9cdcd6
- RGB
- rgb(156 220 214)
- HSL
- hsl(174 48% 74%)
- HWB
- hwb(174 61% 14%)
- OKLCH
- oklch(0.85 0.065 188.7)
- OKLab
- oklab(0.85 -0.065 -0.01)
- CIE Lab
- lab(83.33 -21.98 -3.91)
- LCH
- lch(83.33 22.33 190.1)
- CMYK
- cmyk(29% 0% 3% 14%)
Tinte · Ombre · Toni
Tinte
- A6E0DA
- B1E3DE
- BBE7E2
- C5EAE6
- CFEEEA
- D9F1EE
- E2F5F3
- ECF8F7
- F5FCFB
Ombre
- 87BFBA
- 73A39E
- 5F8884
- 4C6E6A
- 395452
- 283C3B
- 182625
- 091110
- 010202
Toni
- 9AD2CD
- 97C9C4
- 95C0BB
- 92B6B3
- 90ADAA
- 8DA4A1
- 8A9B99
- 879291
- 838988
Armonie di colore
Complementare +180°
- 9CDCD6
Aqua Fiesta
- F5BDC5
≈ Strawberry Confection
Analogo -30° +30°
- 9CDCD6
Aqua Fiesta
- AADBBE
≈ Shanghai Jade
- 9DD9EB
≈ Jodhpur Blue
Triadico +120° +240°
- 9CDCD6
Aqua Fiesta
- DAC3EF
≈ Beefy Pink
- EAC7A0
≈ Pine Grain
Complementare divisa +150° +210°
- 9CDCD6
Aqua Fiesta
- EBBEDC
≈ Bordeaux Hint
- F4C0AF
≈ Rustique
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.62:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--aqua-fiesta: #9cdcd6;
--aqua-fiesta-rgb: 156 220 214;
--aqua-fiesta-oklch: oklch(0.85 0.065 188.7);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(174 48% 74%);
border-color: oklch(0.85 0.065 188.7);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #9cdcd6;
--color-aqua-fiesta-50: #e1fcf9;
--color-aqua-fiesta-100: #d0efed;
--color-aqua-fiesta-200: #b5dedb;
--color-aqua-fiesta-300: #91c3bf;
--color-aqua-fiesta-400: #70aba6;
--color-aqua-fiesta-500: #4e948f;
--color-aqua-fiesta-600: #437d79;
--color-aqua-fiesta-700: #356461;
--color-aqua-fiesta-800: #264a46;
--color-aqua-fiesta-900: #193330;
--color-aqua-fiesta-950: #091f1d;
}SCSS
$aqua-fiesta: #9cdcd6;
$aqua-fiesta-rgb: 156, 220, 214;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}