Cor nomeada · #90ABBB
New Toile
New Toile é #90ABBB: rgb(144 171 187), hsl(202 24% 65%), oklch(0.726 0.038 234). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · New Toile color name →
#90ABBB
oklch(0.726 0.038 234)
Conversões de cor
- HEX
- #90abbb
- RGB
- rgb(144 171 187)
- HSL
- hsl(202 24% 65%)
- HWB
- hwb(202 56% 27%)
- OKLCH
- oklch(0.726 0.038 234)
- OKLab
- oklab(0.726 -0.022 -0.031)
- CIE Lab
- lab(68.32 -6.95 -11.5)
- LCH
- lch(68.32 13.44 238.9)
- CMYK
- cmyk(23% 9% 0% 27%)
Tons claros · Sombras · Tons
Tons claros
- 9BB3C2
- A6BBC8
- B1C4CF
- BBCCD6
- C7D4DD
- D2DDE4
- DDE5EA
- E8EEF1
- F4F6F8
Sombras
- 7D94A2
- 6A7E8A
- 576873
- 45545C
- 344046
- 242D32
- 151B1F
- 070B0D
- 010102
Tons
- 8FA7B5
- 8DA2AF
- 8B9EA9
- 8A9AA3
- 88959D
- 879197
- 858D91
- 83888C
- 828486
Harmonias de cor
Complementar +180°
- 90ABBB
New Toile
- BAA191
≈ White Mouse
Análoga -30° +30°
- 90ABBB
New Toile
- 8BAEB1
≈ Bon Voyage
- 9BA7BF
≈ Veranda Iris
Tríade +120° +240°
- 90ABBB
New Toile
- BB9DA8
≈ Pinterested
- A6AA8F
≈ Bud
Complementar dividida +150° +210°
- 90ABBB
New Toile
- BD9E9B
≈ Awakening
- B2A58C
≈ Safari Vest
Tétrade +90° +180° +270°
- 90ABBB
New Toile
- B39FB4
≈ Pastel Purple
- BAA191
≈ White Mouse
- 99AD98
≈ Garden
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.72:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
CSS
:root {
--new-toile: #90abbb;
--new-toile-rgb: 144 171 187;
--new-toile-oklch: oklch(0.726 0.038 234);
}
.element {
color: var(--new-toile);
background-color: hsl(202 24% 65%);
border-color: oklch(0.726 0.038 234);
}Tailwind CSS v4
@theme {
--color-new-toile: #90abbb;
--color-new-toile-50: #ebf7ff;
--color-new-toile-100: #ddeaf3;
--color-new-toile-200: #c6d7e3;
--color-new-toile-300: #a6bbc8;
--color-new-toile-400: #89a3b2;
--color-new-toile-500: #6e8b9c;
--color-new-toile-600: #5d7584;
--color-new-toile-700: #4a5e69;
--color-new-toile-800: #35454d;
--color-new-toile-900: #243036;
--color-new-toile-950: #131c21;
}SCSS
$new-toile: #90abbb;
$new-toile-rgb: 144, 171, 187;
$new-toile-light: mix(#fff, $new-toile, 20%);
$new-toile-dark: mix(#000, $new-toile, 20%);
.element {
color: $new-toile;
box-shadow: 0 0 0 2px rgba($new-toile, 0.35);
}