이름 색상 · #DEC569
California Dreaming
California Dreaming은(는) #DEC569: rgb(222 197 105), hsl(47 64% 64%), oklch(0.826 0.116 94.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · California Dreaming color name →
#DEC569
oklch(0.826 0.116 94.5)
색상 변환
- HEX
- #dec569
- RGB
- rgb(222 197 105)
- HSL
- hsl(47 64% 64%)
- HWB
- hwb(47 41% 13%)
- OKLCH
- oklch(0.826 0.116 94.5)
- OKLab
- oklab(0.826 -0.009 0.116)
- CIE Lab
- lab(80.26 0.71 48.94)
- LCH
- lch(80.26 48.95 89.2)
- CMYK
- cmyk(0% 11% 53% 13%)
틴트 · 셰이드 · 톤
틴트
- E1CB7A
- E5D18A
- E8D799
- EBDDA8
- EEE2B7
- F2E8C6
- F5EED4
- F8F4E2
- FCF9F1
셰이드
- C1AB5A
- A5924C
- 89793E
- 6F6131
- 554B24
- 3D3518
- 26210C
- 120E04
- 020200
톤
- D4BE6D
- CAB771
- C1B074
- B7A977
- AEA279
- A49C7B
- 9B957D
- 928E7E
- 89877F
색 조화
보색 +180°
- DEC569
California Dreaming
- B5C2FF
≈ Dried Lilac
유사색 -30° +30°
- DEC569
California Dreaming
- FAB673
≈ Jambalaya
- B5D37E
≈ Tart Apple
삼각 배색 +120° +240°
- DEC569
California Dreaming
- 5CD9F4
≈ Electric Lemonade
- F5A9E4
≈ Hanami Pink
분열 보색 +150° +210°
- DEC569
California Dreaming
- 91CDFF
≈ Clear Sky
- D6B4FF
≈ Light Violet
사각 배색 +90° +180° +270°
- DEC569
California Dreaming
- 5DDECF
≈ Jazzy Jade
- B5C2FF
≈ Dried Lilac
- FFAABE
≈ A Brand New Day
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.29:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--california-dreaming: #dec569;
--california-dreaming-rgb: 222 197 105;
--california-dreaming-oklch: oklch(0.826 0.116 94.5);
}
.element {
color: var(--california-dreaming);
background-color: hsl(47 64% 64%);
border-color: oklch(0.826 0.116 94.5);
}Tailwind CSS v4
@theme {
--color-california-dreaming: #dec569;
--color-california-dreaming-50: #fef6d1;
--color-california-dreaming-100: #f3e9bd;
--color-california-dreaming-200: #e2d59c;
--color-california-dreaming-300: #c8b871;
--color-california-dreaming-400: #b49d46;
--color-california-dreaming-500: #9f8400;
--color-california-dreaming-600: #86700a;
--color-california-dreaming-700: #6c5909;
--color-california-dreaming-800: #504104;
--color-california-dreaming-900: #382d04;
--color-california-dreaming-950: #231900;
}SCSS
$california-dreaming: #dec569;
$california-dreaming-rgb: 222, 197, 105;
$california-dreaming-light: mix(#fff, $california-dreaming, 20%);
$california-dreaming-dark: mix(#000, $california-dreaming, 20%);
.element {
color: $california-dreaming;
box-shadow: 0 0 0 2px rgba($california-dreaming, 0.35);
}