Nazwany kolor · #BDD0B1
Apple Ice
Apple Ice to #BDD0B1: rgb(189 208 177), hsl(97 25% 75%), oklch(0.835 0.047 133.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Apple Ice color name →
#BDD0B1
oklch(0.835 0.047 133.3)
Konwersje koloru
- HEX
- #bdd0b1
- RGB
- rgb(189 208 177)
- HSL
- hsl(97 25% 75%)
- HWB
- hwb(97 69% 18%)
- OKLCH
- oklch(0.835 0.047 133.3)
- OKLab
- oklab(0.835 -0.032 0.034)
- CIE Lab
- lab(81.4 -10.86 13.18)
- LCH
- lch(81.4 17.08 129.5)
- CMYK
- cmyk(9% 0% 15% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3D5B9
- CAD9C0
- D0DEC8
- D7E3D0
- DEE7D8
- E4ECDF
- EBF1E7
- F2F6EF
- F8FAF7
Odcienie ciemniejsze
- A4B599
- 8C9A83
- 74806C
- 5D6757
- 474F42
- 33392F
- 1F231C
- 0D100C
- 020201
Tony
- B7C8AC
- B0BFA7
- AAB7A2
- A4AF9D
- 9EA798
- 989F93
- 92978F
- 8C8F8A
- 868885
Harmonie kolorów
Komplementarna +180°
- BDD0B1
Apple Ice
- D4C0DF
≈ Purple Whisper
Analogowa -30° +30°
- BDD0B1
Apple Ice
- CECBA8
≈ Thistle Green
- AED3C0
≈ Ginninderra
Triada +120° +240°
- BDD0B1
Apple Ice
- B4CBE8
≈ Periwinkle Dream
- E6BDC0
≈ Ice Hot Pink
Komplementarna rozszczepiona +150° +210°
- BDD0B1
Apple Ice
- C4C6E7
≈ Powdered Granite
- E0BDD1
≈ Scandalous Rose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.82:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-ice: #bdd0b1;
--apple-ice-rgb: 189 208 177;
--apple-ice-oklch: oklch(0.835 0.047 133.3);
}
.element {
color: var(--apple-ice);
background-color: hsl(97 25% 75%);
border-color: oklch(0.835 0.047 133.3);
}Tailwind CSS v4
@theme {
--color-apple-ice: #bdd0b1;
--color-apple-ice-50: #eff8eb;
--color-apple-ice-100: #e1ecdc;
--color-apple-ice-200: #ccd9c5;
--color-apple-ice-300: #adbda5;
--color-apple-ice-400: #94a589;
--color-apple-ice-500: #7a8d6d;
--color-apple-ice-600: #67785d;
--color-apple-ice-700: #53604a;
--color-apple-ice-800: #3d4635;
--color-apple-ice-900: #2a3024;
--color-apple-ice-950: #171d13;
}SCSS
$apple-ice: #bdd0b1;
$apple-ice-rgb: 189, 208, 177;
$apple-ice-light: mix(#fff, $apple-ice, 20%);
$apple-ice-dark: mix(#000, $apple-ice, 20%);
.element {
color: $apple-ice;
box-shadow: 0 0 0 2px rgba($apple-ice, 0.35);
}