가장 가까운 이름 색상 · #C5DD72
#C5DD72
가장 가까운 이름 색상: Cool as a Cucumber
#C5DD72(rgb(197 221 114), hsl(73 61% 66%), oklch(0.857 0.136 119.8))와 가장 가까운 이름 색상은 Cool as a Cucumber입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C5DD72
oklch(0.857 0.136 119.8)
색상 변환
- HEX
- #c5dd72
- RGB
- rgb(197 221 114)
- HSL
- hsl(73 61% 66%)
- HWB
- hwb(73 45% 13%)
- OKLCH
- oklch(0.857 0.136 119.8)
- OKLab
- oklab(0.857 -0.067 0.118)
- CIE Lab
- lab(84.63 -20.08 49.18)
- LCH
- lch(84.63 53.12 112.2)
- CMYK
- cmyk(11% 0% 48% 13%)
틴트 · 셰이드 · 톤
틴트
- CBE182
- D0E491
- D6E8A0
- DCEBAE
- E1EFBC
- E7F2CA
- EDF5D7
- F3F9E4
- F9FCF2
셰이드
- ABC062
- 92A453
- 798844
- 616E36
- 4B5528
- 353D1B
- 21260E
- 0E1104
- 020201
톤
- BED375
- B7CA78
- B0C17A
- A9B77C
- A2AE7E
- 9BA57F
- 949B7F
- 8D9280
- 878980
색 조화
보색 +180°
- C5DD72
Cool as a Cucumber
- D8C4FF
≈ Neon Boneyard
유사색 -30° +30°
- C5DD72
Cool as a Cucumber
- F3CC5C
≈ Vault-Tec Yellow
- 8BE9A0
≈ Mint Tonic
삼각 배색 +120° +240°
- C5DD72
Cool as a Cucumber
- A0D8FF
≈ Malmö FF
- FFB9CE
≈ Tentacle Pink
분열 보색 +150° +210°
- C5DD72
Cool as a Cucumber
- BECFFF
≈ Ice Cold Stare
- FFB1F8
≈ Pink Apotheosis
사각 배색 +90° +180° +270°
- C5DD72
Cool as a Cucumber
- 49E7FF
≈ Shimmering Expanse Cyan
- D8C4FF
≈ Neon Boneyard
- FFBEB2
≈ Ruffled Parasol
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.50:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.95:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--cool-as-a-cucumber: #c5dd72;
--cool-as-a-cucumber-rgb: 197 221 114;
--cool-as-a-cucumber-oklch: oklch(0.857 0.136 119.8);
}
.element {
color: var(--cool-as-a-cucumber);
background-color: hsl(73 61% 66%);
border-color: oklch(0.857 0.136 119.8);
}Tailwind CSS v4
@theme {
--color-cool-as-a-cucumber: #c5dd72;
--color-cool-as-a-cucumber-50: #eefcd1;
--color-cool-as-a-cucumber-100: #e0f0bd;
--color-cool-as-a-cucumber-200: #cade9d;
--color-cool-as-a-cucumber-300: #acc372;
--color-cool-as-a-cucumber-400: #95aa45;
--color-cool-as-a-cucumber-500: #7c9200;
--color-cool-as-a-cucumber-600: #697c04;
--color-cool-as-a-cucumber-700: #546306;
--color-cool-as-a-cucumber-800: #3f4800;
--color-cool-as-a-cucumber-900: #2b3202;
--color-cool-as-a-cucumber-950: #191e00;
}SCSS
$cool-as-a-cucumber: #c5dd72;
$cool-as-a-cucumber-rgb: 197, 221, 114;
$cool-as-a-cucumber-light: mix(#fff, $cool-as-a-cucumber, 20%);
$cool-as-a-cucumber-dark: mix(#000, $cool-as-a-cucumber, 20%);
.element {
color: $cool-as-a-cucumber;
box-shadow: 0 0 0 2px rgba($cool-as-a-cucumber, 0.35);
}