Nazwany kolor · #EEAA22
Apricot Glazed Chicken
Apricot Glazed Chicken to #EEAA22: rgb(238 170 34), hsl(40 86% 53%), oklch(0.783 0.156 78.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Apricot Glazed Chicken color name →
#EEAA22
oklch(0.783 0.156 78.2)
Konwersje koloru
- HEX
- #eeaa22
- RGB
- rgb(238 170 34)
- HSL
- hsl(40 86% 53%)
- HWB
- hwb(40 13% 7%)
- OKLCH
- oklch(0.783 0.156 78.2)
- OKLab
- oklab(0.783 0.032 0.152)
- CIE Lab
- lab(74.79 18.24 71.97)
- LCH
- lch(74.79 74.25 75.8)
- CMYK
- cmyk(0% 29% 86% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0B348
- F2BC62
- F4C578
- F6CD8D
- F8D6A1
- FADEB4
- FBE6C7
- FCEFDA
- FEF7ED
Odcienie ciemniejsze
- CF931C
- B17D16
- 936811
- 77530B
- 5C3F07
- 422D03
- 2A1B01
- 140B00
- 030100
Tony
- E3A638
- D8A247
- CD9E52
- C19A5C
- B69664
- AB926B
- A18E71
- 968976
- 8B857B
Harmonie kolorów
Komplementarna +180°
- EEAA22
Apricot Glazed Chicken
- 8CBAFF
≈ Scenic Water
Analogowa -30° +30°
- EEAA22
Apricot Glazed Chicken
- FF9C66
≈ Fresh Cantaloupe
- C2BF2F
≈ Pyrite Yellow
Triada +120° +240°
- EEAA22
Apricot Glazed Chicken
- 00D2D7
≈ Jade Glass
- E296F8
≈ Party Pig
Komplementarna rozszczepiona +150° +210°
- EEAA22
Apricot Glazed Chicken
- 33C9FF
≈ Vivid Sky Blue
- B5ACFF
≈ Winterspring Lilac
Tetrada +90° +180° +270°
- EEAA22
Apricot Glazed Chicken
- 16D7A5
≈ Wild Caribbean Green
- 8CBAFF
≈ Scenic Water
- FF8DC9
≈ Shimmering Love
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.40:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--apricot-glazed-chicken: #eeaa22;
--apricot-glazed-chicken-rgb: 238 170 34;
--apricot-glazed-chicken-oklch: oklch(0.783 0.156 78.2);
}
.element {
color: var(--apricot-glazed-chicken);
background-color: hsl(40 86% 53%);
border-color: oklch(0.783 0.156 78.2);
}Tailwind CSS v4
@theme {
--color-apricot-glazed-chicken: #eeaa22;
--color-apricot-glazed-chicken-50: #fff1c3;
--color-apricot-glazed-chicken-100: #ffe3ad;
--color-apricot-glazed-chicken-200: #f7cd86;
--color-apricot-glazed-chicken-300: #e1ae51;
--color-apricot-glazed-chicken-400: #d09100;
--color-apricot-glazed-chicken-500: #bd7400;
--color-apricot-glazed-chicken-600: #9f6300;
--color-apricot-glazed-chicken-700: #804f00;
--color-apricot-glazed-chicken-800: #603800;
--color-apricot-glazed-chicken-900: #432700;
--color-apricot-glazed-chicken-950: #2b1500;
}SCSS
$apricot-glazed-chicken: #eeaa22;
$apricot-glazed-chicken-rgb: 238, 170, 34;
$apricot-glazed-chicken-light: mix(#fff, $apricot-glazed-chicken, 20%);
$apricot-glazed-chicken-dark: mix(#000, $apricot-glazed-chicken, 20%);
.element {
color: $apricot-glazed-chicken;
box-shadow: 0 0 0 2px rgba($apricot-glazed-chicken, 0.35);
}