이름 색상 · #B9DCC3
Sprite Twist
Sprite Twist은(는) #B9DCC3: rgb(185 220 195), hsl(137 33% 79%), oklch(0.862 0.05 154.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Sprite Twist color name →
#B9DCC3
oklch(0.862 0.05 154.2)
색상 변환
- HEX
- #b9dcc3
- RGB
- rgb(185 220 195)
- HSL
- hsl(137 33% 79%)
- HWB
- hwb(137 73% 14%)
- OKLCH
- oklch(0.862 0.05 154.2)
- OKLab
- oklab(0.862 -0.045 0.022)
- CIE Lab
- lab(84.69 -15.56 8.3)
- LCH
- lch(84.69 17.64 151.9)
- CMYK
- cmyk(16% 0% 11% 14%)
틴트 · 셰이드 · 톤
틴트
- C0E0C9
- C7E3CF
- CEE7D5
- D5EADB
- DCEEE1
- E3F1E7
- EAF5ED
- F1F8F3
- F8FCF9
셰이드
- A0BFA9
- 89A390
- 718878
- 5B6E60
- 46544A
- 313C34
- 1E2620
- 0D110E
- 020202
톤
- B3D2BC
- AEC9B5
- A8C0AE
- A2B6A8
- 9CADA1
- 97A49A
- 919B94
- 8B928D
- 868986
색 조화
보색 +180°
- B9DCC3
Sprite Twist
- E7C6DF
≈ Pink Pony
유사색 -30° +30°
- B9DCC3
Sprite Twist
- CAD8B4
≈ Spice Garden
- AEDDD5
≈ Jaded Clouds
삼각 배색 +120° +240°
- B9DCC3
Sprite Twist
- C7D0F4
≈ Frozen Periwinkle
- F1C7BC
≈ Fleecy Dreams
분열 보색 +150° +210°
- B9DCC3
Sprite Twist
- D9CAED
≈ Foggy Love
- F0C5CE
≈ Soft Satin
사각 배색 +90° +180° +270°
- B9DCC3
Sprite Twist
- B7D6F1
≈ Summer Birthday
- E7C6DF
≈ Pink Pony
- EACBB0
≈ Sweet Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.08:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--sprite-twist: #b9dcc3;
--sprite-twist-rgb: 185 220 195;
--sprite-twist-oklch: oklch(0.862 0.05 154.2);
}
.element {
color: var(--sprite-twist);
background-color: hsl(137 33% 79%);
border-color: oklch(0.862 0.05 154.2);
}Tailwind CSS v4
@theme {
--color-sprite-twist: #b9dcc3;
--color-sprite-twist-50: #eafaef;
--color-sprite-twist-100: #dbede1;
--color-sprite-twist-200: #c4dbcb;
--color-sprite-twist-300: #a3c0ad;
--color-sprite-twist-400: #88a891;
--color-sprite-twist-500: #6c9077;
--color-sprite-twist-600: #5c7a65;
--color-sprite-twist-700: #496251;
--color-sprite-twist-800: #35483a;
--color-sprite-twist-900: #243228;
--color-sprite-twist-950: #131e16;
}SCSS
$sprite-twist: #b9dcc3;
$sprite-twist-rgb: 185, 220, 195;
$sprite-twist-light: mix(#fff, $sprite-twist, 20%);
$sprite-twist-dark: mix(#000, $sprite-twist, 20%);
.element {
color: $sprite-twist;
box-shadow: 0 0 0 2px rgba($sprite-twist, 0.35);
}