Cor nomeada mais próxima · #9DC8FA
#9DC8FA
Cor nomeada mais próxima: Sail to the Sea
#9DC8FA (rgb(157 200 250), hsl(212 90% 80%), oklch(0.82 0.084 252.6)) é mais próxima da cor nomeada Sail to the Sea. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9DC8FA
oklch(0.82 0.084 252.6)
Conversões de cor
- HEX
- #9dc8fa
- RGB
- rgb(157 200 250)
- HSL
- hsl(212 90% 80%)
- HWB
- hwb(212 62% 2%)
- OKLCH
- oklch(0.82 0.084 252.6)
- OKLab
- oklab(0.82 -0.025 -0.081)
- CIE Lab
- lab(78.87 -5.56 -29.6)
- LCH
- lch(78.87 30.12 259.4)
- CMYK
- cmyk(37% 20% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- A7CEFB
- B1D3FC
- BAD9FC
- C4DEFD
- CEE4FD
- D8E9FE
- E2EFFE
- EBF4FF
- F5FAFF
Sombras
- 88AED9
- 7394BA
- 5F7B9B
- 4C637D
- 3A4C61
- 283646
- 18212D
- 090F15
- 010203
Tons
- 9AC1ED
- 98B9E1
- 95B2D4
- 92ABC8
- 8FA4BC
- 8C9CB0
- 8995A4
- 868E98
- 83878C
Harmonias de cor
Complementar +180°
- 9DC8FA
Sail to the Sea
- E6BC87
≈ Bread Pudding
Análoga -30° +30°
- 9DC8FA
Sail to the Sea
- 85D1EC
≈ Afternoon Sky
- BBBEFA
≈ Dried Lilac
Tríade +120° +240°
- 9DC8FA
Sail to the Sea
- F5AEB5
≈ Pink Blush
- AFD098
≈ Relaxation Green
Complementar dividida +150° +210°
- 9DC8FA
Sail to the Sea
- F4B399
≈ Crab Bisque
- CEC786
≈ Green Apple Martini
Tétrade +90° +180° +270°
- 9DC8FA
Sail to the Sea
- EBAFD3
≈ Flower Power
- E6BC87
≈ Bread Pudding
- 91D6B4
≈ Vista Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.73:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 12.07:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--sail-to-the-sea: #9dc8fa;
--sail-to-the-sea-rgb: 157 200 250;
--sail-to-the-sea-oklch: oklch(0.82 0.084 252.6);
}
.element {
color: var(--sail-to-the-sea);
background-color: hsl(212 90% 80%);
border-color: oklch(0.82 0.084 252.6);
}Tailwind CSS v4
@theme {
--color-sail-to-the-sea: #9dc8fa;
--color-sail-to-the-sea-50: #e5f7ff;
--color-sail-to-the-sea-100: #d5eaff;
--color-sail-to-the-sea-200: #bcd7f8;
--color-sail-to-the-sea-300: #9abae2;
--color-sail-to-the-sea-400: #7aa2cf;
--color-sail-to-the-sea-500: #5c89bd;
--color-sail-to-the-sea-600: #4f749f;
--color-sail-to-the-sea-700: #3f5d80;
--color-sail-to-the-sea-800: #2b445f;
--color-sail-to-the-sea-900: #1d2f42;
--color-sail-to-the-sea-950: #0d1c2b;
}SCSS
$sail-to-the-sea: #9dc8fa;
$sail-to-the-sea-rgb: 157, 200, 250;
$sail-to-the-sea-light: mix(#fff, $sail-to-the-sea, 20%);
$sail-to-the-sea-dark: mix(#000, $sail-to-the-sea, 20%);
.element {
color: $sail-to-the-sea;
box-shadow: 0 0 0 2px rgba($sail-to-the-sea, 0.35);
}