Couleur nommée la plus proche · #8CCABF
#8CCABF
Couleur nommée la plus proche: Seaborn
#8CCABF (rgb(140 202 191), hsl(169 37% 67%), oklch(0.794 0.065 182.3)) est la plus proche de la couleur nommée Seaborn. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8CCABF
oklch(0.794 0.065 182.3)
Conversions de couleur
- HEX
- #8ccabf
- RGB
- rgb(140 202 191)
- HSL
- hsl(169 37% 67%)
- HWB
- hwb(169 55% 21%)
- OKLCH
- oklch(0.794 0.065 182.3)
- OKLab
- oklab(0.794 -0.065 -0.003)
- CIE Lab
- lab(76.88 -22.43 -1.19)
- LCH
- lch(76.88 22.46 183)
- CMYK
- cmyk(31% 0% 5% 21%)
Teintes · Ombres · Tons
Teintes
- 98CFC5
- A4D5CC
- AFDAD2
- BBDFD8
- C6E5DF
- D2EAE5
- DDEFEB
- E8F4F2
- F4FAF8
Ombres
- 79AFA6
- 67958D
- 557C75
- 43645E
- 334D48
- 233733
- 14221F
- 070F0D
- 010202
Tons
- 8BC2B8
- 8BBBB2
- 8AB3AC
- 89ACA5
- 88A49F
- 879D99
- 859692
- 848E8C
- 828786
Harmonies de couleurs
Complémentaire +180°
- 8CCABF
Seaborn
- E1ABB8
≈ Apple Infusion
Analogue -30° +30°
- 8CCABF
Seaborn
- 9DC8A8
≈ French Market
- 8AC7D4
≈ Maiden Voyage
Triadique +120° +240°
- 8CCABF
Seaborn
- C3B2DF
≈ Moonraker
- DBB391
≈ Feline Frolic
Complémentaire divisée +150° +210°
- 8CCABF
Seaborn
- D6ADCE
≈ Queenly
- E3ADA1
≈ Pale Blush
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.85:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.31:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--seaborn: #8ccabf;
--seaborn-rgb: 140 202 191;
--seaborn-oklch: oklch(0.794 0.065 182.3);
}
.element {
color: var(--seaborn);
background-color: hsl(169 37% 67%);
border-color: oklch(0.794 0.065 182.3);
}Tailwind CSS v4
@theme {
--color-seaborn: #8ccabf;
--color-seaborn-50: #e2fcf7;
--color-seaborn-100: #d1efea;
--color-seaborn-200: #b6ded7;
--color-seaborn-300: #92c3bb;
--color-seaborn-400: #72aba1;
--color-seaborn-500: #50958a;
--color-seaborn-600: #457e74;
--color-seaborn-700: #37655d;
--color-seaborn-800: #274a43;
--color-seaborn-900: #1a332e;
--color-seaborn-950: #0a1f1b;
}SCSS
$seaborn: #8ccabf;
$seaborn-rgb: 140, 202, 191;
$seaborn-light: mix(#fff, $seaborn, 20%);
$seaborn-dark: mix(#000, $seaborn, 20%);
.element {
color: $seaborn;
box-shadow: 0 0 0 2px rgba($seaborn, 0.35);
}