Cor nomeada mais próxima · #DBEFF7
#DBEFF7
Cor nomeada mais próxima: On Thin Ice
#DBEFF7 (rgb(219 239 247), hsl(197 64% 91%), oklch(0.94 0.024 223.7)) é mais próxima da cor nomeada On Thin Ice. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DBEFF7
oklch(0.94 0.024 223.7)
Conversões de cor
- HEX
- #dbeff7
- RGB
- rgb(219 239 247)
- HSL
- hsl(197 64% 91%)
- HWB
- hwb(197 86% 3%)
- OKLCH
- oklch(0.94 0.024 223.7)
- OKLab
- oklab(0.94 -0.017 -0.016)
- CIE Lab
- lab(93.14 -5.66 -6.25)
- LCH
- lch(93.14 8.43 227.8)
- CMYK
- cmyk(11% 3% 0% 3%)
Tons claros · Sombras · Tons
Tons claros
- DFF1F8
- E2F2F9
- E6F4F9
- E9F5FA
- EDF7FB
- F1F9FC
- F4FAFD
- F8FCFD
- FBFDFE
Sombras
- BED0D7
- A2B1B7
- 879499
- 6D787C
- 545C60
- 3C4245
- 262A2C
- 111415
- 020303
Tons
- D2E3EA
- C8D8DE
- BFCCD2
- B6C1C6
- ADB6BA
- A3ABAE
- 9AA0A2
- 929597
- 898B8B
Harmonias de cor
Complementar +180°
- DBEFF7
On Thin Ice
- FAE6DF
≈ Bridesmaid
Análoga -30° +30°
- DBEFF7
On Thin Ice
- DAF0F0
≈ Soar
- E0ECFB
≈ Husky
Tríade +120° +240°
- DBEFF7
On Thin Ice
- F7E5EF
≈ Petal Poise
- EDECDA
≈ Whispering Rain
Complementar dividida +150° +210°
- DBEFF7
On Thin Ice
- FBE5E6
≈ Rose Sugar
- F5E9DA
≈ Saltbox
Tétrade +90° +180° +270°
- DBEFF7
On Thin Ice
- F1E7F7
≈ Holographic Lavender
- FAE6DF
≈ Bridesmaid
- E5EFDF
≈ Chilled Mint
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.70:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--on-thin-ice: #dbeff7;
--on-thin-ice-rgb: 219 239 247;
--on-thin-ice-oklch: oklch(0.94 0.024 223.7);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(197 64% 91%);
border-color: oklch(0.94 0.024 223.7);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #dbeff7;
--color-on-thin-ice-50: #eef7fa;
--color-on-thin-ice-100: #e0eaee;
--color-on-thin-ice-200: #cad7dc;
--color-on-thin-ice-300: #abbac1;
--color-on-thin-ice-400: #90a2a9;
--color-on-thin-ice-500: #768a92;
--color-on-thin-ice-600: #64757b;
--color-on-thin-ice-700: #505d63;
--color-on-thin-ice-800: #3a4448;
--color-on-thin-ice-900: #282f32;
--color-on-thin-ice-950: #161c1e;
}SCSS
$on-thin-ice: #dbeff7;
$on-thin-ice-rgb: 219, 239, 247;
$on-thin-ice-light: mix(#fff, $on-thin-ice, 20%);
$on-thin-ice-dark: mix(#000, $on-thin-ice, 20%);
.element {
color: $on-thin-ice;
box-shadow: 0 0 0 2px rgba($on-thin-ice, 0.35);
}