Nazwany kolor · #DFAD51
Cheese Wiz
Cheese Wiz to #DFAD51: rgb(223 173 81), hsl(39 69% 60%), oklch(0.776 0.124 80.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cheese Wiz color name →
#DFAD51
oklch(0.776 0.124 80.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2B566
- E6BE78
- E9C68A
- ECCE9C
- F0D6AC
- F3DFBD
- F6E7CE
- F9EFDE
- FCF7EF
Odcienie ciemniejsze
- C29645
- A57F3A
- 8A6A2F
- 6F5524
- 56411A
- 3D2D10
- 271B07
- 120B02
- 020100
Tony
- D5A959
- CCA45F
- C2A065
- B89C6A
- AF976F
- A59373
- 9C8E77
- 93897A
- 89857D
Harmonie kolorów
Komplementarna +180°
- DFAD51
Cheese Wiz
- 8CB7FF
≈ Carolina Blue
Analogowa -30° +30°
- DFAD51
Cheese Wiz
- F59E6B
≈ Burning Coals
- BABD59
≈ Sativa
Triada +120° +240°
- DFAD51
Cheese Wiz
- 2ECDD6
≈ Jade Glass
- DA9CE7
≈ Bright Ube
Komplementarna rozszczepiona +150° +210°
- DFAD51
Cheese Wiz
- 53C4F6
≈ Blue Mana
- B6A8FF
≈ Shy Moment
Tetrada +90° +180° +270°
- DFAD51
Cheese Wiz
- 53CFAB
≈ Simply Aqua
- 8CB7FF
≈ Carolina Blue
- F194C1
≈ Pastel Magenta
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.05:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.23:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}