Nazwany kolor · #DD9922
Tiger King
Tiger King to #DD9922: rgb(221 153 34), hsl(38 73% 50%), oklch(0.732 0.146 75). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tiger King color name →
#DD9922
oklch(0.732 0.146 75)
Konwersje koloru
- HEX
- #dd9922
- RGB
- rgb(221 153 34)
- HSL
- hsl(38 73% 50%)
- HWB
- hwb(38 13% 13%)
- OKLCH
- oklch(0.732 0.146 75)
- OKLab
- oklab(0.732 0.038 0.141)
- CIE Lab
- lab(68.77 19.64 66.35)
- LCH
- lch(68.77 69.19 73.5)
- CMYK
- cmyk(0% 31% 85% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1A445
- E5AE5E
- E9B875
- ECC38A
- F0CD9E
- F3D7B1
- F6E1C5
- F9EBD8
- FCF5EC
Odcienie ciemniejsze
- C0841C
- A47016
- 885D11
- 6E4A0B
- 553807
- 3D2703
- 261701
- 110800
- 020100
Tony
- D49736
- CA9544
- C1934F
- B89059
- AF8E61
- A58B68
- 9C896F
- 938675
- 89837B
Harmonie kolorów
Komplementarna +180°
- DD9922
Tiger King
- 68ABFF
≈ Fennel Flower
Analogowa -30° +30°
- DD9922
Tiger King
- F28855
≈ Crusta
- B7AC24
≈ New Green
Triada +120° +240°
- DD9922
Tiger King
- 00C0C0
≈ Cala Benirrás Blue
- CA8AE7
≈ Blush Essence
Komplementarna rozszczepiona +150° +210°
- DD9922
Tiger King
- 00B9E9
≈ Cyanite
- A09AFF
≈ Cobalite
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.65:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.65:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--tiger-king: #dd9922;
--tiger-king-rgb: 221 153 34;
--tiger-king-oklch: oklch(0.732 0.146 75);
}
.element {
color: var(--tiger-king);
background-color: hsl(38 73% 50%);
border-color: oklch(0.732 0.146 75);
}Tailwind CSS v4
@theme {
--color-tiger-king: #dd9922;
--color-tiger-king-50: #fff1c7;
--color-tiger-king-100: #ffe2b2;
--color-tiger-king-200: #f8cd8c;
--color-tiger-king-300: #e1ad5b;
--color-tiger-king-400: #d09021;
--color-tiger-king-500: #bd7400;
--color-tiger-king-600: #9f6200;
--color-tiger-king-700: #804f00;
--color-tiger-king-800: #603800;
--color-tiger-king-900: #432700;
--color-tiger-king-950: #2b1400;
}SCSS
$tiger-king: #dd9922;
$tiger-king-rgb: 221, 153, 34;
$tiger-king-light: mix(#fff, $tiger-king, 20%);
$tiger-king-dark: mix(#000, $tiger-king, 20%);
.element {
color: $tiger-king;
box-shadow: 0 0 0 2px rgba($tiger-king, 0.35);
}