가장 가까운 이름 색상 · #BBC27A
#BBC27A
가장 가까운 이름 색상: Zoodles
#BBC27A(rgb(187 194 122), hsl(66 37% 62%), oklch(0.792 0.094 113.1))와 가장 가까운 이름 색상은 Zoodles입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BBC27A
oklch(0.792 0.094 113.1)
색상 변환
- HEX
- #bbc27a
- RGB
- rgb(187 194 122)
- HSL
- hsl(66 37% 62%)
- HWB
- hwb(66 48% 24%)
- OKLCH
- oklch(0.792 0.094 113.1)
- OKLab
- oklab(0.792 -0.037 0.087)
- CIE Lab
- lab(76.62 -10.75 35.36)
- LCH
- lch(76.62 36.96 106.9)
- CMYK
- cmyk(4% 0% 37% 24%)
틴트 · 셰이드 · 톤
틴트
- C2C888
- C8CE95
- CFD4A3
- D5DAB0
- DCE1BD
- E3E7CA
- EAEDD7
- F1F3E5
- F8F9F2
셰이드
- A2A869
- 8A8F59
- 737749
- 5C603A
- 46492B
- 32341D
- 1F2010
- 0D0E05
- 020201
톤
- B5BB7B
- AFB57D
- A9AE7E
- A3A77F
- 9DA17F
- 979A80
- 919480
- 8B8D80
- 868780
색 조화
보색 +180°
- BBC27A
Zoodles
- BDB0F3
≈ Purple Sand
유사색 -30° +30°
- BBC27A
Zoodles
- D9B673
≈ Harpswell Green
- 97CB94
≈ Kettle Drum
삼각 배색 +120° +240°
- BBC27A
Zoodles
- 7AC6EE
≈ Spritzig
- EBA2C0
≈ Prism Pink
분열 보색 +150° +210°
- BBC27A
Zoodles
- 9BBBF9
≈ Truesky Gloxym
- D9A7DF
≈ Barely Bloomed
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.11:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--zoodles: #bbc27a;
--zoodles-rgb: 187 194 122;
--zoodles-oklch: oklch(0.792 0.094 113.1);
}
.element {
color: var(--zoodles);
background-color: hsl(66 37% 62%);
border-color: oklch(0.792 0.094 113.1);
}Tailwind CSS v4
@theme {
--color-zoodles: #bbc27a;
--color-zoodles-50: #f4f9db;
--color-zoodles-100: #e6ecc9;
--color-zoodles-200: #d2daac;
--color-zoodles-300: #b5be86;
--color-zoodles-400: #9ea562;
--color-zoodles-500: #868d3d;
--color-zoodles-600: #727735;
--color-zoodles-700: #5b5f2a;
--color-zoodles-800: #44451c;
--color-zoodles-900: #2f3012;
--color-zoodles-950: #1b1c05;
}SCSS
$zoodles: #bbc27a;
$zoodles-rgb: 187, 194, 122;
$zoodles-light: mix(#fff, $zoodles, 20%);
$zoodles-dark: mix(#000, $zoodles, 20%);
.element {
color: $zoodles;
box-shadow: 0 0 0 2px rgba($zoodles, 0.35);
}