Cor nomeada · #BBDDEE
Ice Rink
Ice Rink é #BBDDEE: rgb(187 221 238), hsl(200 60% 83%), oklch(0.878 0.043 229.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Ice Rink color name →
#BBDDEE
oklch(0.878 0.043 229.5)
Conversões de cor
- HEX
- #bbddee
- RGB
- rgb(187 221 238)
- HSL
- hsl(200 60% 83%)
- HWB
- hwb(200 73% 7%)
- OKLCH
- oklch(0.878 0.043 229.5)
- OKLab
- oklab(0.878 -0.028 -0.033)
- CIE Lab
- lab(86.04 -8.87 -12.28)
- LCH
- lch(86.04 15.15 234.1)
- CMYK
- cmyk(21% 7% 0% 7%)
Tons claros · Sombras · Tons
Tons claros
- C2E0F0
- C9E4F1
- CFE7F3
- D6EBF5
- DDEEF7
- E4F1F8
- EBF5FA
- F1F8FC
- F8FCFD
Sombras
- A2C0CF
- 8AA4B1
- 738893
- 5C6E77
- 46555C
- 323D42
- 1F262A
- 0D1114
- 020203
Tons
- B5D3E2
- AFCAD7
- A9C0CC
- A3B7C1
- 9DADB6
- 98A4AB
- 929BA0
- 8C9295
- 86898A
Harmonias de cor
Complementar +180°
- BBDDEE
Ice Rink
- F0CFBF
≈ Peach Blossom Red
Análoga -30° +30°
- BBDDEE
Ice Rink
- B7E0E2
≈ Fine Blue
- C7D8F4
≈ Fly a Kite
Tríade +120° +240°
- BBDDEE
Ice Rink
- EECCDB
≈ LA Vibes
- D8DABA
≈ Apple Cucumber
Complementar dividida +150° +210°
- BBDDEE
Ice Rink
- F2CCCC
≈ Abloom
- E6D4B8
≈ Dust Storm
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.69:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--ice-rink: #bbddee;
--ice-rink-rgb: 187 221 238;
--ice-rink-oklch: oklch(0.878 0.043 229.5);
}
.element {
color: var(--ice-rink);
background-color: hsl(200 60% 83%);
border-color: oklch(0.878 0.043 229.5);
}Tailwind CSS v4
@theme {
--color-ice-rink: #bbddee;
--color-ice-rink-50: #eaf8ff;
--color-ice-rink-100: #daebf4;
--color-ice-rink-200: #c3d8e4;
--color-ice-rink-300: #a2bcca;
--color-ice-rink-400: #85a4b3;
--color-ice-rink-500: #698c9d;
--color-ice-rink-600: #597685;
--color-ice-rink-700: #475f6a;
--color-ice-rink-800: #33464e;
--color-ice-rink-900: #223036;
--color-ice-rink-950: #121c21;
}SCSS
$ice-rink: #bbddee;
$ice-rink-rgb: 187, 221, 238;
$ice-rink-light: mix(#fff, $ice-rink, 20%);
$ice-rink-dark: mix(#000, $ice-rink, 20%);
.element {
color: $ice-rink;
box-shadow: 0 0 0 2px rgba($ice-rink, 0.35);
}