이름 색상 · #C2F177
Cucumber Milk
Cucumber Milk은(는) #C2F177: rgb(194 241 119), hsl(83 81% 71%), oklch(0.9 0.159 126.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cucumber Milk color name →
#C2F177
oklch(0.9 0.159 126.8)
색상 변환
- HEX
- #c2f177
- RGB
- rgb(194 241 119)
- HSL
- hsl(83 81% 71%)
- HWB
- hwb(83 47% 5%)
- OKLCH
- oklch(0.9 0.159 126.8)
- OKLab
- oklab(0.9 -0.095 0.127)
- CIE Lab
- lab(89.94 -29.69 53.04)
- LCH
- lch(89.94 60.78 119.2)
- CMYK
- cmyk(20% 0% 51% 5%)
틴트 · 셰이드 · 톤
틴트
- C8F387
- CEF496
- D4F6A4
- DAF8B2
- E0F9BF
- E6FACD
- ECFCD9
- F3FDE6
- F9FEF3
셰이드
- A8D267
- 8FB357
- 779547
- 607938
- 495D2A
- 34431C
- 202B10
- 0E1405
- 020301
톤
- BBE57A
- B4DA7C
- AECE7E
- A7C380
- A0B881
- 9AAC81
- 93A181
- 8D9681
- 868B81
색 조화
보색 +180°
- C2F177
Cucumber Milk
- E8D4FF
≈ Rose Dragée
유사색 -30° +30°
- C2F177
Cucumber Milk
- FCDD4F
≈ Royal Star
- 76FDB3
≈ Green Epiphany
삼각 배색 +120° +240°
- C2F177
Cucumber Milk
- C3E2FF
≈ Dithered Sky
- FFD0D8
≈ Love Fumes
분열 보색 +150° +210°
- C2F177
Cucumber Milk
- D5DCFF
≈ Icy Plains
- FFCCF0
≈ Infra-White
사각 배색 +90° +180° +270°
- C2F177
Cucumber Milk
- A3EBFF
≈ Fresh Air
- E8D4FF
≈ Rose Dragée
- FFD2C5
≈ Simply Delicious
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.14:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--cucumber-milk: #c2f177;
--cucumber-milk-rgb: 194 241 119;
--cucumber-milk-oklch: oklch(0.9 0.159 126.8);
}
.element {
color: var(--cucumber-milk);
background-color: hsl(83 81% 71%);
border-color: oklch(0.9 0.159 126.8);
}Tailwind CSS v4
@theme {
--color-cucumber-milk: #c2f177;
--color-cucumber-milk-50: #e7ffcf;
--color-cucumber-milk-100: #d8f3ba;
--color-cucumber-milk-200: #c0e299;
--color-cucumber-milk-300: #9ec76c;
--color-cucumber-milk-400: #85af3a;
--color-cucumber-milk-500: #6a9700;
--color-cucumber-milk-600: #5a8000;
--color-cucumber-milk-700: #486700;
--color-cucumber-milk-800: #364b00;
--color-cucumber-milk-900: #253400;
--color-cucumber-milk-950: #141f00;
}SCSS
$cucumber-milk: #c2f177;
$cucumber-milk-rgb: 194, 241, 119;
$cucumber-milk-light: mix(#fff, $cucumber-milk, 20%);
$cucumber-milk-dark: mix(#000, $cucumber-milk, 20%);
.element {
color: $cucumber-milk;
box-shadow: 0 0 0 2px rgba($cucumber-milk, 0.35);
}