이름 색상 · #93C96A
Apple Orchard
Apple Orchard은(는) #93C96A: rgb(147 201 106), hsl(94 47% 60%), oklch(0.777 0.138 133). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Apple Orchard color name →
#93C96A
oklch(0.777 0.138 133)
색상 변환
- HEX
- #93c96a
- RGB
- rgb(147 201 106)
- HSL
- hsl(94 47% 60%)
- HWB
- hwb(94 42% 21%)
- OKLCH
- oklch(0.777 0.138 133)
- OKLab
- oklab(0.777 -0.094 0.101)
- CIE Lab
- lab(75.6 -30.57 41.28)
- LCH
- lch(75.6 51.37 126.5)
- CMYK
- cmyk(27% 0% 47% 21%)
틴트 · 셰이드 · 톤
틴트
- 9ECF7A
- A8D48A
- B3DA99
- BEDFA7
- C9E5B6
- D3EAC5
- DEEFD3
- E9F5E2
- F4FAF0
셰이드
- 7FAE5B
- 6C954D
- 597C3F
- 476431
- 364C24
- 253618
- 16220D
- 080F04
- 010200
톤
- 91C26E
- 90BA71
- 8EB374
- 8CAC76
- 8AA478
- 889D7A
- 86967C
- 848F7E
- 82877F
색 조화
보색 +180°
- 93C96A
Apple Orchard
- D59BF5
≈ Plasma Trail
유사색 -30° +30°
- 93C96A
Apple Orchard
- C7BA42
≈ Humorous Green
- 50D19D
≈ Vegetation
삼각 배색 +120° +240°
- 93C96A
Apple Orchard
- 7FBAFF
≈ Cooler Than Ever
- FF919E
≈ Charming Cherry
분열 보색 +150° +210°
- 93C96A
Apple Orchard
- ACACFF
≈ Shy Moment
- F391CD
≈ Bubblegum Kisses
사각 배색 +90° +180° +270°
- 93C96A
Apple Orchard
- 27C9F6
≈ Bright Sky Blue
- D59BF5
≈ Plasma Trail
- FF976C
≈ Hibiscus Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.80:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--apple-orchard: #93c96a;
--apple-orchard-rgb: 147 201 106;
--apple-orchard-oklch: oklch(0.777 0.138 133);
}
.element {
color: var(--apple-orchard);
background-color: hsl(94 47% 60%);
border-color: oklch(0.777 0.138 133);
}Tailwind CSS v4
@theme {
--color-apple-orchard: #93c96a;
--color-apple-orchard-50: #e5ffd7;
--color-apple-orchard-100: #d4f3c5;
--color-apple-orchard-200: #bbe2a7;
--color-apple-orchard-300: #99c77f;
--color-apple-orchard-400: #7eb057;
--color-apple-orchard-500: #60992b;
--color-apple-orchard-600: #528127;
--color-apple-orchard-700: #41671f;
--color-apple-orchard-800: #314c11;
--color-apple-orchard-900: #21340b;
--color-apple-orchard-950: #102001;
}SCSS
$apple-orchard: #93c96a;
$apple-orchard-rgb: 147, 201, 106;
$apple-orchard-light: mix(#fff, $apple-orchard, 20%);
$apple-orchard-dark: mix(#000, $apple-orchard, 20%);
.element {
color: $apple-orchard;
box-shadow: 0 0 0 2px rgba($apple-orchard, 0.35);
}