Adlandırılmış renk · #CFA14A
Chipmunk
Chipmunk, #CFA14A: rgb(207 161 74), hsl(39 58% 55%), oklch(0.735 0.118 81). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chipmunk color name →
#CFA14A
oklch(0.735 0.118 81)
Renk dönüşümleri
- HEX
- #cfa14a
- RGB
- rgb(207 161 74)
- HSL
- hsl(39 58% 55%)
- HWB
- hwb(39 29% 19%)
- OKLCH
- oklch(0.735 0.118 81)
- OKLab
- oklab(0.735 0.018 0.116)
- CIE Lab
- lab(69.36 10.82 50.85)
- LCH
- lch(69.36 51.98 78)
- CMYK
- cmyk(0% 22% 64% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4AA5F
- D9B472
- DEBD85
- E3C797
- E8D0A8
- ECDABA
- F1E3CB
- F6ECDC
- FAF6EE
Koyu tonlar
- B48B3F
- 997635
- 7F622A
- 674E20
- 4F3C17
- 382A0E
- 231906
- 100902
- 020100
Gri tonlar
- C79E52
- BF9B5A
- B79860
- AF9466
- A7916B
- 9F8E70
- 978A74
- 908779
- 88847C
Renk uyumları
Tamamlayıcı +180°
- CFA14A
Chipmunk
- 7FA9F3
≈ Kitten’s Eye
Analog -30° +30°
- CFA14A
Chipmunk
- E49362
≈ Outgoing Orange
- ACB052
≈ Delaunay Green
Üçlü +120° +240°
- CFA14A
Chipmunk
- 29BFC8
≈ Panorama Blue
- CB90D6
≈ Somewhere in a Fairytale
Bölünmüş tamamlayıcı +150° +210°
- CFA14A
Chipmunk
- 4DB6E6
≈ Sail Away
- AA9CEE
≈ Dull Lavender
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.84:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--chipmunk: #cfa14a;
--chipmunk-rgb: 207 161 74;
--chipmunk-oklch: oklch(0.735 0.118 81);
}
.element {
color: var(--chipmunk);
background-color: hsl(39 58% 55%);
border-color: oklch(0.735 0.118 81);
}Tailwind CSS v4
@theme {
--color-chipmunk: #cfa14a;
--color-chipmunk-50: #fff3d0;
--color-chipmunk-100: #fbe5bc;
--color-chipmunk-200: #edd09b;
--color-chipmunk-300: #d5b270;
--color-chipmunk-400: #c29745;
--color-chipmunk-500: #ad7c00;
--color-chipmunk-600: #936907;
--color-chipmunk-700: #765408;
--color-chipmunk-800: #583d04;
--color-chipmunk-900: #3d2a04;
--color-chipmunk-950: #271700;
}SCSS
$chipmunk: #cfa14a;
$chipmunk-rgb: 207, 161, 74;
$chipmunk-light: mix(#fff, $chipmunk, 20%);
$chipmunk-dark: mix(#000, $chipmunk, 20%);
.element {
color: $chipmunk;
box-shadow: 0 0 0 2px rgba($chipmunk, 0.35);
}