Adlandırılmış renk · #CAA061
Sunrise Heat
Sunrise Heat, #CAA061: rgb(202 160 97), hsl(36 50% 59%), oklch(0.731 0.095 76.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sunrise Heat color name →
#CAA061
oklch(0.731 0.095 76.5)
Renk dönüşümleri
- HEX
- #caa061
- RGB
- rgb(202 160 97)
- HSL
- hsl(36 50% 59%)
- HWB
- hwb(36 38% 21%)
- OKLCH
- oklch(0.731 0.095 76.5)
- OKLab
- oklab(0.731 0.022 0.092)
- CIE Lab
- lab(68.8 10.48 38.82)
- LCH
- lch(68.8 40.21 74.9)
- CMYK
- cmyk(0% 21% 52% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFA972
- D5B382
- DABC91
- E0C6A1
- E5CFB1
- EAD9C0
- EFE2D0
- F5ECE0
- FAF5EF
Koyu tonlar
- AF8B53
- 957646
- 7C6139
- 644E2D
- 4D3B21
- 372915
- 22190B
- 0F0903
- 020100
Gri tonlar
- C29D65
- BB9A69
- B4976D
- AC9470
- A59073
- 9D8D76
- 968A79
- 8F877C
- 87837E
Renk uyumları
Tamamlayıcı +180°
- CAA061
Sunrise Heat
- 81AAE3
≈ Jordy Blue
Analog -30° +30°
- CAA061
Sunrise Heat
- DA9574
≈ Buffed Copper
- AFAC63
≈ Palm Frond
Üçlü +120° +240°
- CAA061
Sunrise Heat
- 54BABC
≈ Sussie
- C095D0
≈ Amethyst Show
Bölünmüş tamamlayıcı +150° +210°
- CAA061
Sunrise Heat
- 60B4D6
≈ Disembark
- A39FE1
≈ Simply Violet
Dörtlü +90° +180° +270°
- CAA061
Sunrise Heat
- 68BB9B
≈ Peppermint Fresh
- 81AAE3
≈ Jordy Blue
- D490B4
≈ Moonlit Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.41:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.71:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunrise-heat: #caa061;
--sunrise-heat-rgb: 202 160 97;
--sunrise-heat-oklch: oklch(0.731 0.095 76.5);
}
.element {
color: var(--sunrise-heat);
background-color: hsl(36 50% 59%);
border-color: oklch(0.731 0.095 76.5);
}Tailwind CSS v4
@theme {
--color-sunrise-heat: #caa061;
--color-sunrise-heat-50: #fff3d7;
--color-sunrise-heat-100: #fae5c5;
--color-sunrise-heat-200: #ebd0a7;
--color-sunrise-heat-300: #d2b280;
--color-sunrise-heat-400: #be975c;
--color-sunrise-heat-500: #aa7d35;
--color-sunrise-heat-600: #8f6a2e;
--color-sunrise-heat-700: #735525;
--color-sunrise-heat-800: #563d19;
--color-sunrise-heat-900: #3c2a10;
--color-sunrise-heat-950: #261703;
}SCSS
$sunrise-heat: #caa061;
$sunrise-heat-rgb: 202, 160, 97;
$sunrise-heat-light: mix(#fff, $sunrise-heat, 20%);
$sunrise-heat-dark: mix(#000, $sunrise-heat, 20%);
.element {
color: $sunrise-heat;
box-shadow: 0 0 0 2px rgba($sunrise-heat, 0.35);
}