Colore con nome · #CF9C63
Oak Buff
Oak Buff è #CF9C63: rgb(207 156 99), hsl(32 53% 60%), oklch(0.729 0.096 68.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Oak Buff color name →
#CF9C63
oklch(0.729 0.096 68.5)
Conversioni di colore
- HEX
- #cf9c63
- RGB
- rgb(207 156 99)
- HSL
- hsl(32 53% 60%)
- HWB
- hwb(32 39% 19%)
- OKLCH
- oklch(0.729 0.096 68.5)
- OKLab
- oklab(0.729 0.035 0.089)
- CIE Lab
- lab(68.37 14.75 37.42)
- LCH
- lch(68.37 40.22 68.5)
- CMYK
- cmyk(0% 25% 52% 19%)
Tinte · Ombre · Toni
Tinte
- D4A673
- D9B083
- DEBA92
- E3C3A2
- E8CDB1
- EDD7C1
- F1E1D0
- F6EBE0
- FBF5EF
Ombre
- B48755
- 997347
- 7F5F3A
- 674C2E
- 4F3921
- 382816
- 23180B
- 100903
- 020100
Toni
- C79967
- BF976B
- B7946E
- AF9171
- A78F74
- A08C77
- 988979
- 90867C
- 88837E
Armonie di colore
Complementare +180°
- CF9C63
Oak Buff
- 76ACE1
≈ Jordy Blue
Analogo -30° +30°
- CF9C63
Oak Buff
- DC927B
≈ Buffed Copper
- B7A85F
≈ Gimblet
Triadico +120° +240°
- CF9C63
Oak Buff
- 54BBB3
≈ Hygiene Green
- B897D6
≈ Lenurple
Complementare divisa +150° +210°
- CF9C63
Oak Buff
- 58B6D0
≈ Liquid Blue
- 99A1E3
≈ Dalmatian Sage
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.58:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--oak-buff: #cf9c63;
--oak-buff-rgb: 207 156 99;
--oak-buff-oklch: oklch(0.729 0.096 68.5);
}
.element {
color: var(--oak-buff);
background-color: hsl(32 53% 60%);
border-color: oklch(0.729 0.096 68.5);
}Tailwind CSS v4
@theme {
--color-oak-buff: #cf9c63;
--color-oak-buff-50: #fff1d8;
--color-oak-buff-100: #fde3c6;
--color-oak-buff-200: #efcea8;
--color-oak-buff-300: #d7af81;
--color-oak-buff-400: #c4945e;
--color-oak-buff-500: #af7939;
--color-oak-buff-600: #946731;
--color-oak-buff-700: #775227;
--color-oak-buff-800: #593b1b;
--color-oak-buff-900: #3e2912;
--color-oak-buff-950: #271604;
}SCSS
$oak-buff: #cf9c63;
$oak-buff-rgb: 207, 156, 99;
$oak-buff-light: mix(#fff, $oak-buff, 20%);
$oak-buff-dark: mix(#000, $oak-buff, 20%);
.element {
color: $oak-buff;
box-shadow: 0 0 0 2px rgba($oak-buff, 0.35);
}