Colore con nome · #CC9911
Australien
Australien è #CC9911: rgb(204 153 17), hsl(44 85% 43%), oklch(0.712 0.143 84). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Australien color name →
#CC9911
oklch(0.712 0.143 84)
Conversioni di colore
- HEX
- #cc9911
- RGB
- rgb(204 153 17)
- HSL
- hsl(44 85% 43%)
- HWB
- hwb(44 7% 20%)
- OKLCH
- oklch(0.712 0.143 84)
- OKLab
- oklab(0.712 0.015 0.142)
- CIE Lab
- lab(66.75 12.06 67.78)
- LCH
- lch(66.75 68.84 79.9)
- CMYK
- cmyk(0% 25% 92% 20%)
Tinte · Ombre · Toni
Tinte
- D1A33D
- D7AE58
- DCB870
- E1C285
- E6CC9A
- EBD7AF
- F0E1C3
- F5EBD7
- FAF5EB
Ombre
- B1840D
- 977009
- 7E5D06
- 654A04
- 4E3802
- 372701
- 221700
- 0F0800
- 020100
Toni
- C4972D
- BD953E
- B5924A
- AD9054
- A68E5D
- 9E8B66
- 97886D
- 8F8674
- 88837A
Armonie di colore
Complementare +180°
- CC9911
Australien
- 749FFB
≈ Fennel Flower
Analogo -30° +30°
- CC9911
Australien
- E68741
≈ Flamenco
- A2AB2F
≈ Macaw Green
Triadico +120° +240°
- CC9911
Australien
- 00B8C5
≈ Lago Blue
- CD81D4
≈ Purception
Complementare divisa +150° +210°
- CC9911
Australien
- 1EAFED
≈ Lynx Screen Blue
- A88FF2
≈ Dreamy Candy Forest
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.58:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.13:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.13:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--australien: #cc9911;
--australien-rgb: 204 153 17;
--australien-oklch: oklch(0.712 0.143 84);
}
.element {
color: var(--australien);
background-color: hsl(44 85% 43%);
border-color: oklch(0.712 0.143 84);
}Tailwind CSS v4
@theme {
--color-australien: #cc9911;
--color-australien-50: #fff3c7;
--color-australien-100: #fde5b2;
--color-australien-200: #f0d08c;
--color-australien-300: #d8b25b;
--color-australien-400: #c6961f;
--color-australien-500: #b27b00;
--color-australien-600: #966800;
--color-australien-700: #795300;
--color-australien-800: #5b3c00;
--color-australien-900: #3f2900;
--color-australien-950: #281700;
}SCSS
$australien: #cc9911;
$australien-rgb: 204, 153, 17;
$australien-light: mix(#fff, $australien, 20%);
$australien-dark: mix(#000, $australien, 20%);
.element {
color: $australien;
box-shadow: 0 0 0 2px rgba($australien, 0.35);
}