Adlandırılmış renk · #CBB698
My Guinea Pig
My Guinea Pig, #CBB698: rgb(203 182 152), hsl(35 33% 70%), oklch(0.786 0.047 76.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? → · My Guinea Pig color name →
#CBB698
oklch(0.786 0.047 76.7)
Renk dönüşümleri
- HEX
- #cbb698
- RGB
- rgb(203 182 152)
- HSL
- hsl(35 33% 70%)
- HWB
- hwb(35 60% 20%)
- OKLCH
- oklch(0.786 0.047 76.7)
- OKLab
- oklab(0.786 0.011 0.046)
- CIE Lab
- lab(75.28 4.32 18.22)
- LCH
- lch(75.28 18.73 76.7)
- CMYK
- cmyk(0% 10% 25% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0BDA2
- D5C4AC
- DBCCB6
- E0D3C1
- E5DACB
- EAE1D5
- EFE9E0
- F5F0EA
- FAF8F4
Koyu tonlar
- B09E84
- 968670
- 7D6F5C
- 65594A
- 4D4438
- 373027
- 221D17
- 0F0C08
- 020201
Gri tonlar
- C3B096
- BCAB93
- B4A691
- ACA08F
- A59B8C
- 9D958A
- 969087
- 8F8B85
- 878583
Renk uyumları
Tamamlayıcı +180°
- CBB698
My Guinea Pig
- A6BBD8
≈ Clear Lake Trail
Analog -30° +30°
- CBB698
My Guinea Pig
- D4B1A0
≈ Indian Khaki
- BCBC99
≈ Esprit
Üçlü +120° +240°
- CBB698
My Guinea Pig
- 96C3C4
≈ Favourite Sweater
- C6B1CE
≈ Windsor Purple
Bölünmüş tamamlayıcı +150° +210°
- CBB698
My Guinea Pig
- 9AC0D1
≈ Neptune’s Realm
- B7B5D7
≈ Wild Orchid Blue
Dörtlü +90° +180° +270°
- CBB698
My Guinea Pig
- 9DC4B3
≈ Stanley
- A6BBD8
≈ Clear Lake Trail
- D1AEBF
≈ Pink Potion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.68:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--my-guinea-pig: #cbb698;
--my-guinea-pig-rgb: 203 182 152;
--my-guinea-pig-oklch: oklch(0.786 0.047 76.7);
}
.element {
color: var(--my-guinea-pig);
background-color: hsl(35 33% 70%);
border-color: oklch(0.786 0.047 76.7);
}Tailwind CSS v4
@theme {
--color-my-guinea-pig: #cbb698;
--color-my-guinea-pig-50: #fdf4e6;
--color-my-guinea-pig-100: #f1e6d7;
--color-my-guinea-pig-200: #dfd2be;
--color-my-guinea-pig-300: #c5b59d;
--color-my-guinea-pig-400: #af9b7f;
--color-my-guinea-pig-500: #988263;
--color-my-guinea-pig-600: #816e54;
--color-my-guinea-pig-700: #675843;
--color-my-guinea-pig-800: #4c4030;
--color-my-guinea-pig-900: #352c21;
--color-my-guinea-pig-950: #201910;
}SCSS
$my-guinea-pig: #cbb698;
$my-guinea-pig-rgb: 203, 182, 152;
$my-guinea-pig-light: mix(#fff, $my-guinea-pig, 20%);
$my-guinea-pig-dark: mix(#000, $my-guinea-pig, 20%);
.element {
color: $my-guinea-pig;
box-shadow: 0 0 0 2px rgba($my-guinea-pig, 0.35);
}