Cor nomeada · #CD9945
Arabian Bake
Arabian Bake é #CD9945: rgb(205 153 69), hsl(37 58% 54%), oklch(0.717 0.118 76.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Arabian Bake color name →
#CD9945
oklch(0.717 0.118 76.8)
Conversões de cor
- HEX
- #cd9945
- RGB
- rgb(205 153 69)
- HSL
- hsl(37 58% 54%)
- HWB
- hwb(37 27% 20%)
- OKLCH
- oklch(0.717 0.118 76.8)
- OKLab
- oklab(0.717 0.027 0.115)
- CIE Lab
- lab(67.11 13.85 50.69)
- LCH
- lch(67.11 52.54 74.7)
- CMYK
- cmyk(0% 25% 66% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2A35B
- D8AE6E
- DDB881
- E2C294
- E7CCA6
- ECD6B8
- F1E0C9
- F5EBDB
- FAF5ED
Sombras
- B2843B
- 987031
- 7E5D27
- 664A1E
- 4E3815
- 38270C
- 231705
- 0F0802
- 020100
Tons
- C5974E
- BE9556
- B6925D
- AE9063
- A68D69
- 9F8B6E
- 978873
- 8F8678
- 88837C
Harmonias de cor
Complementar +180°
- CD9945
Arabian Bake
- 72A5ED
≈ Greek Sea
Análoga -30° +30°
- CD9945
Arabian Bake
- E08B61
≈ Copper Tan
- ACA849
≈ Spinach Banana Smoothie
Tríade +120° +240°
- CD9945
Arabian Bake
- 1BBABD
≈ Caicos Turquoise
- C18CD5
≈ Purception
Complementar dividida +150° +210°
- CD9945
Arabian Bake
- 3EB2DC
≈ Summer Sky
- 9E98EA
≈ Dull Lavender
Tétrade +90° +180° +270°
- CD9945
Arabian Bake
- 4BBB94
≈ Expressionism Green
- 72A5ED
≈ Greek Sea
- D984B2
≈ Middle Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.23:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--arabian-bake: #cd9945;
--arabian-bake-rgb: 205 153 69;
--arabian-bake-oklch: oklch(0.717 0.118 76.8);
}
.element {
color: var(--arabian-bake);
background-color: hsl(37 58% 54%);
border-color: oklch(0.717 0.118 76.8);
}Tailwind CSS v4
@theme {
--color-arabian-bake: #cd9945;
--color-arabian-bake-50: #fff2d0;
--color-arabian-bake-100: #fee4bc;
--color-arabian-bake-200: #f0cf9b;
--color-arabian-bake-300: #d8b070;
--color-arabian-bake-400: #c69546;
--color-arabian-bake-500: #b27a00;
--color-arabian-bake-600: #96670a;
--color-arabian-bake-700: #78530a;
--color-arabian-bake-800: #5a3b06;
--color-arabian-bake-900: #3f2904;
--color-arabian-bake-950: #281600;
}SCSS
$arabian-bake: #cd9945;
$arabian-bake-rgb: 205, 153, 69;
$arabian-bake-light: mix(#fff, $arabian-bake, 20%);
$arabian-bake-dark: mix(#000, $arabian-bake, 20%);
.element {
color: $arabian-bake;
box-shadow: 0 0 0 2px rgba($arabian-bake, 0.35);
}