Adlandırılmış renk · #DFAD51
Cheese Wiz
Cheese Wiz, #DFAD51: rgb(223 173 81), hsl(39 69% 60%), oklch(0.776 0.124 80.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cheese Wiz color name →
#DFAD51
oklch(0.776 0.124 80.4)
Renk dönüşümleri
- HEX
- #dfad51
- RGB
- rgb(223 173 81)
- HSL
- hsl(39 69% 60%)
- HWB
- hwb(39 32% 13%)
- OKLCH
- oklch(0.776 0.124 80.4)
- OKLab
- oklab(0.776 0.021 0.122)
- CIE Lab
- lab(74.11 11.81 53.31)
- LCH
- lch(74.11 54.61 77.5)
- CMYK
- cmyk(0% 22% 64% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2B566
- E6BE78
- E9C68A
- ECCE9C
- F0D6AC
- F3DFBD
- F6E7CE
- F9EFDE
- FCF7EF
Koyu tonlar
- C29645
- A57F3A
- 8A6A2F
- 6F5524
- 56411A
- 3D2D10
- 271B07
- 120B02
- 020100
Gri tonlar
- D5A959
- CCA45F
- C2A065
- B89C6A
- AF976F
- A59373
- 9C8E77
- 93897A
- 89857D
Renk uyumları
Tamamlayıcı +180°
- DFAD51
Cheese Wiz
- 8CB7FF
≈ Carolina Blue
Analog -30° +30°
- DFAD51
Cheese Wiz
- F59E6B
≈ Burning Coals
- BABD59
≈ Sativa
Üçlü +120° +240°
- DFAD51
Cheese Wiz
- 2ECDD6
≈ Jade Glass
- DA9CE7
≈ Bright Ube
Bölünmüş tamamlayıcı +150° +210°
- DFAD51
Cheese Wiz
- 53C4F6
≈ Blue Mana
- B6A8FF
≈ Shy Moment
Dörtlü +90° +180° +270°
- DFAD51
Cheese Wiz
- 53CFAB
≈ Simply Aqua
- 8CB7FF
≈ Carolina Blue
- F194C1
≈ Pastel Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.23:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--cheese-wiz: #dfad51;
--cheese-wiz-rgb: 223 173 81;
--cheese-wiz-oklch: oklch(0.776 0.124 80.4);
}
.element {
color: var(--cheese-wiz);
background-color: hsl(39 69% 60%);
border-color: oklch(0.776 0.124 80.4);
}Tailwind CSS v4
@theme {
--color-cheese-wiz: #dfad51;
--color-cheese-wiz-50: #fff3ce;
--color-cheese-wiz-100: #fde5ba;
--color-cheese-wiz-200: #efd098;
--color-cheese-wiz-300: #d7b26b;
--color-cheese-wiz-400: #c4963e;
--color-cheese-wiz-500: #b07b00;
--color-cheese-wiz-600: #956800;
--color-cheese-wiz-700: #775300;
--color-cheese-wiz-800: #593c00;
--color-cheese-wiz-900: #3e2901;
--color-cheese-wiz-950: #281700;
}SCSS
$cheese-wiz: #dfad51;
$cheese-wiz-rgb: 223, 173, 81;
$cheese-wiz-light: mix(#fff, $cheese-wiz, 20%);
$cheese-wiz-dark: mix(#000, $cheese-wiz, 20%);
.element {
color: $cheese-wiz;
box-shadow: 0 0 0 2px rgba($cheese-wiz, 0.35);
}