Adlandırılmış renk · #CF7E40
Topaz
Topaz, #CF7E40: rgb(207 126 64), hsl(26 60% 53%), oklch(0.668 0.127 55.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Topaz color name →
#CF7E40
oklch(0.668 0.127 55.7)
Renk dönüşümleri
- HEX
- #cf7e40
- RGB
- rgb(207 126 64)
- HSL
- hsl(26 60% 53%)
- HWB
- hwb(26 25% 19%)
- OKLCH
- oklch(0.668 0.127 55.7)
- OKLab
- oklab(0.668 0.071 0.105)
- CIE Lab
- lab(60.91 28.43 46.63)
- LCH
- lch(60.91 54.61 58.6)
- CMYK
- cmyk(0% 39% 69% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D58B55
- DA9869
- E0A57C
- E5B28F
- EABFA2
- EECBB4
- F3D8C7
- F7E5D9
- FBF2EC
Koyu tonlar
- B46D36
- 995C2D
- 7F4C24
- 673C1B
- 4F2D13
- 381F0B
- 231105
- 100501
- 020100
Gri tonlar
- C77F49
- C08051
- B88058
- B1805F
- A98165
- A1816B
- 998171
- 918176
- 88807B
Renk uyumları
Tamamlayıcı +180°
- CF7E40
Topaz
- 31A0D7
≈ Blue Damselfly
Analog -30° +30°
- CF7E40
Topaz
- D7736B
≈ Lantana
- B78E22
≈ Loden Yellow
Üçlü +120° +240°
- CF7E40
Topaz
- 00AD91
≈ Hobgoblin
- 9C83D9
≈ Indigo Bloom
Bölünmüş tamamlayıcı +150° +210°
- CF7E40
Topaz
- 00A8B7
≈ Bluebird
- 6F92E2
≈ Guilliman Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.12:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.71:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--topaz: #cf7e40;
--topaz-rgb: 207 126 64;
--topaz-oklch: oklch(0.668 0.127 55.7);
}
.element {
color: var(--topaz);
background-color: hsl(26 60% 53%);
border-color: oklch(0.668 0.127 55.7);
}Tailwind CSS v4
@theme {
--color-topaz: #cf7e40;
--color-topaz-50: #ffedd2;
--color-topaz-100: #ffdebf;
--color-topaz-200: #fec79f;
--color-topaz-300: #e9a775;
--color-topaz-400: #d78950;
--color-topaz-500: #c46c20;
--color-topaz-600: #a55c1e;
--color-topaz-700: #854918;
--color-topaz-800: #633411;
--color-topaz-900: #46240a;
--color-topaz-950: #2d1201;
}SCSS
$topaz: #cf7e40;
$topaz-rgb: 207, 126, 64;
$topaz-light: mix(#fff, $topaz, 20%);
$topaz-dark: mix(#000, $topaz, 20%);
.element {
color: $topaz;
box-shadow: 0 0 0 2px rgba($topaz, 0.35);
}