Cor nomeada mais próxima · #97D3E1
#97D3E1
Cor nomeada mais próxima: Infinity Pool
#97D3E1 (rgb(151 211 225), hsl(191 55% 74%), oklch(0.831 0.064 213.8)) é mais próxima da cor nomeada Infinity Pool. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#97D3E1
oklch(0.831 0.064 213.8)
Conversões de cor
- HEX
- #97d3e1
- RGB
- rgb(151 211 225)
- HSL
- hsl(191 55% 74%)
- HWB
- hwb(191 59% 12%)
- OKLCH
- oklch(0.831 0.064 213.8)
- OKLab
- oklab(0.831 -0.053 -0.036)
- CIE Lab
- lab(80.82 -17.37 -13.44)
- LCH
- lch(80.82 21.96 217.7)
- CMYK
- cmyk(33% 6% 0% 12%)
Tons claros · Sombras · Tons
Tons claros
- A2D7E4
- ADDCE7
- B7E0EA
- C2E5ED
- CCE9F0
- D6EEF3
- E1F2F6
- EBF6F9
- F5FBFC
Sombras
- 83B7C4
- 6F9CA7
- 5C828B
- 496970
- 375156
- 263A3E
- 172427
- 081012
- 010202
Tons
- 95CAD7
- 93C2CD
- 91BAC3
- 8FB1B9
- 8DA9AF
- 8BA1A6
- 88989C
- 869093
- 838889
Harmonias de cor
Complementar +180°
- 97D3E1
Infinity Pool
- EEB9AD
≈ Carnation Coral
Análoga -30° +30°
- 97D3E1
Infinity Pool
- 98D6CC
≈ Aqua Glow
- A4CDEF
≈ Sail
Tríade +120° +240°
- 97D3E1
Infinity Pool
- E2B9D9
≈ Sweetie Pie
- D5C798
≈ Parsnip
Complementar dividida +150° +210°
- 97D3E1
Infinity Pool
- EDB7C3
≈ Chantilly
- E6BF9D
≈ Bronze Sand
Tétrade +90° +180° +270°
- 97D3E1
Infinity Pool
- D0BEEA
≈ York Plum
- EEB9AD
≈ Carnation Coral
- BFCFA1
≈ Spumoni Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.72:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--infinity-pool: #97d3e1;
--infinity-pool-rgb: 151 211 225;
--infinity-pool-oklch: oklch(0.831 0.064 213.8);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 55% 74%);
border-color: oklch(0.831 0.064 213.8);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #97d3e1;
--color-infinity-pool-50: #e2faff;
--color-infinity-pool-100: #d1eef6;
--color-infinity-pool-200: #b6dce6;
--color-infinity-pool-300: #92c0cc;
--color-infinity-pool-400: #71a9b6;
--color-infinity-pool-500: #5091a0;
--color-infinity-pool-600: #447b87;
--color-infinity-pool-700: #36626c;
--color-infinity-pool-800: #26484f;
--color-infinity-pool-900: #193237;
--color-infinity-pool-950: #0a1e22;
}SCSS
$infinity-pool: #97d3e1;
$infinity-pool-rgb: 151, 211, 225;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}