이름 색상 · #CCCC33
Lizard Belly
Lizard Belly은(는) #CCCC33: rgb(204 204 51), hsl(60 60% 50%), oklch(0.82 0.164 109.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lizard Belly color name →
#CCCC33
oklch(0.82 0.164 109.5)
색상 변환
- HEX
- #cccc33
- RGB
- rgb(204 204 51)
- HSL
- hsl(60 60% 50%)
- HWB
- hwb(60 20% 20%)
- OKLCH
- oklch(0.82 0.164 109.5)
- OKLab
- oklab(0.82 -0.055 0.154)
- CIE Lab
- lab(80.14 -12.53 69.96)
- LCH
- lch(80.14 71.07 100.2)
- CMYK
- cmyk(0% 0% 75% 20%)
틴트 · 셰이드 · 톤
틴트
- D1D153
- D6D76B
- DADC80
- DFE194
- E4E7A7
- EAECB9
- EFF1CB
- F4F5DD
- FAFAEE
셰이드
- B1B12B
- 979723
- 7E7E1C
- 656514
- 4E4E0D
- 373707
- 222203
- 0F0F01
- 020200
톤
- C4C444
- BCBD50
- B4B55A
- ACAE62
- A5A669
- 9D9F6F
- 969774
- 8E8F79
- 87887D
색 조화
보색 +180°
- CCCC33
Lizard Belly
- C2BAFF
≈ Dried Lilac
유사색 -30° +30°
- CCCC33
Lizard Belly
- FBB620
≈ Tropical Sun
- 88DD73
≈ Feralas Lime
삼각 배색 +120° +240°
- CCCC33
Lizard Belly
- 6DD2FF
≈ Heisenberg Blue
- FFA3D0
≈ Corinthian Pink
분열 보색 +150° +210°
- CCCC33
Lizard Belly
- A1C6FF
≈ Apocyan
- EDA4FF
≈ Rich Brilliant Lavender
사각 배색 +90° +180° +270°
- CCCC33
Lizard Belly
- 00DFE7
≈ Tamarama
- C2BAFF
≈ Dried Lilac
- FFA9A9
≈ Apricot Haze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.25:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--lizard-belly: #cccc33;
--lizard-belly-rgb: 204 204 51;
--lizard-belly-oklch: oklch(0.82 0.164 109.5);
}
.element {
color: var(--lizard-belly);
background-color: hsl(60 60% 50%);
border-color: oklch(0.82 0.164 109.5);
}Tailwind CSS v4
@theme {
--color-lizard-belly: #cccc33;
--color-lizard-belly-50: #f6fac5;
--color-lizard-belly-100: #e9eeae;
--color-lizard-belly-200: #d6db88;
--color-lizard-belly-300: #babf54;
--color-lizard-belly-400: #a6a500;
--color-lizard-belly-500: #908d00;
--color-lizard-belly-600: #797700;
--color-lizard-belly-700: #615f00;
--color-lizard-belly-800: #494500;
--color-lizard-belly-900: #333000;
--color-lizard-belly-950: #1f1c00;
}SCSS
$lizard-belly: #cccc33;
$lizard-belly-rgb: 204, 204, 51;
$lizard-belly-light: mix(#fff, $lizard-belly, 20%);
$lizard-belly-dark: mix(#000, $lizard-belly, 20%);
.element {
color: $lizard-belly;
box-shadow: 0 0 0 2px rgba($lizard-belly, 0.35);
}