이름 색상 · #BDD0B1
Apple Ice
Apple Ice은(는) #BDD0B1: rgb(189 208 177), hsl(97 25% 75%), oklch(0.835 0.047 133.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Apple Ice color name →
#BDD0B1
oklch(0.835 0.047 133.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C3D5B9
- CAD9C0
- D0DEC8
- D7E3D0
- DEE7D8
- E4ECDF
- EBF1E7
- F2F6EF
- F8FAF7
셰이드
- A4B599
- 8C9A83
- 74806C
- 5D6757
- 474F42
- 33392F
- 1F231C
- 0D100C
- 020201
톤
- B7C8AC
- B0BFA7
- AAB7A2
- A4AF9D
- 9EA798
- 989F93
- 92978F
- 8C8F8A
- 868885
색 조화
보색 +180°
- BDD0B1
Apple Ice
- D4C0DF
≈ Purple Whisper
유사색 -30° +30°
- BDD0B1
Apple Ice
- CECBA8
≈ Thistle Green
- AED3C0
≈ Ginninderra
삼각 배색 +120° +240°
- BDD0B1
Apple Ice
- B4CBE8
≈ Periwinkle Dream
- E6BDC0
≈ Ice Hot Pink
분열 보색 +150° +210°
- BDD0B1
Apple Ice
- C4C6E7
≈ Powdered Granite
- E0BDD1
≈ Scandalous Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.82:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
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);
}