Colore con nome · #BAEBAE
Ice Ice
Ice Ice è #BAEBAE: rgb(186 235 174), hsl(108 60% 80%), oklch(0.89 0.096 139.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Ice Ice color name →
#BAEBAE
oklch(0.89 0.096 139.5)
Conversioni di colore
- HEX
- #baebae
- RGB
- rgb(186 235 174)
- HSL
- hsl(108 60% 80%)
- HWB
- hwb(108 68% 8%)
- OKLCH
- oklch(0.89 0.096 139.5)
- OKLab
- oklab(0.89 -0.073 0.062)
- CIE Lab
- lab(88.47 -24.72 24.36)
- LCH
- lch(88.47 34.71 135.4)
- CMYK
- cmyk(21% 0% 26% 8%)
Tinte · Ombre · Toni
Tinte
- C1EDB6
- C8EFBE
- CFF1C7
- D6F3CF
- DDF5D7
- E4F7DF
- EBF9E7
- F1FBEF
- F8FDF7
Ombre
- A1CC97
- 89AE80
- 72916A
- 5C7555
- 465B41
- 32412E
- 1E291C
- 0D130B
- 020301
Toni
- B4E0AA
- AED5A5
- A9CAA1
- A3BF9C
- 9DB497
- 97AA93
- 919F8E
- 8C9589
- 868A85
Armonie di colore
Complementare +180°
- BAEBAE
Ice Ice
- F4C9FF
≈ Aquarelle Lilac
Analogo -30° +30°
- BAEBAE
Ice Ice
- DFE196
≈ Pale Lime Yellow
- 98F0D1
≈ Magic Mint
Triadico +120° +240°
- BAEBAE
Ice Ice
- C6DCFF
≈ Arc Light
- FFCCCC
≈ Lusty-Gallant
Complementare divisa +150° +210°
- BAEBAE
Ice Ice
- D9D5FF
≈ Pale Lavender
- FFC9E2
≈ Cherry Blush
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.58:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--ice-ice: #baebae;
--ice-ice-rgb: 186 235 174;
--ice-ice-oklch: oklch(0.89 0.096 139.5);
}
.element {
color: var(--ice-ice);
background-color: hsl(108 60% 80%);
border-color: oklch(0.89 0.096 139.5);
}Tailwind CSS v4
@theme {
--color-ice-ice: #baebae;
--color-ice-ice-50: #e6fde3;
--color-ice-ice-100: #d7f1d3;
--color-ice-ice-200: #bedfb9;
--color-ice-ice-300: #9cc496;
--color-ice-ice-400: #80ad76;
--color-ice-ice-500: #639657;
--color-ice-ice-600: #547f4a;
--color-ice-ice-700: #43653b;
--color-ice-ice-800: #324a28;
--color-ice-ice-900: #22331b;
--color-ice-ice-950: #111f0b;
}SCSS
$ice-ice: #baebae;
$ice-ice-rgb: 186, 235, 174;
$ice-ice-light: mix(#fff, $ice-ice, 20%);
$ice-ice-dark: mix(#000, $ice-ice, 20%);
.element {
color: $ice-ice;
box-shadow: 0 0 0 2px rgba($ice-ice, 0.35);
}