Nazwany kolor · #AF6C5D
Bantam Egg
Bantam Egg to #AF6C5D: rgb(175 108 93), hsl(11 34% 53%), oklch(0.6 0.089 33.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Bantam Egg color name →
#AF6C5D
oklch(0.6 0.089 33.4)
Konwersje koloru
- HEX
- #af6c5d
- RGB
- rgb(175 108 93)
- HSL
- hsl(11 34% 53%)
- HWB
- hwb(11 36% 31%)
- OKLCH
- oklch(0.6 0.089 33.4)
- OKLab
- oklab(0.6 0.075 0.049)
- CIE Lab
- lab(52.9 26.19 20.25)
- LCH
- lch(52.9 33.11 37.7)
- CMYK
- cmyk(0% 38% 47% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B87A6C
- C0897C
- C9978B
- D1A59B
- D9B4AB
- E1C3BC
- E9D2CC
- F0E1DD
- F8F0EE
Odcienie ciemniejsze
- 985D50
- 814E43
- 6B4037
- 56322A
- 41251F
- 2E1914
- 1C0D0A
- 0B0403
- 010000
Tony
- AB6E61
- A77164
- A27368
- 9E756C
- 99776F
- 947973
- 907B76
- 8B7D79
- 857E7D
Harmonie kolorów
Komplementarna +180°
- AF6C5D
Bantam Egg
- 318EA0
≈ Scooter
Analogowa -30° +30°
- AF6C5D
Bantam Egg
- AD697B
≈ Refined Rose
- A67445
≈ Muskelmannbraun
Triada +120° +240°
- AF6C5D
Bantam Egg
- 539067
≈ DaVanzo Green
- 6F7CB6
≈ Persian Jewel
Komplementarna rozszczepiona +150° +210°
- AF6C5D
Bantam Egg
- 339286
≈ Highlands
- 4E86B2
≈ Ship’s Harbour
Tetrada +90° +180° +270°
- AF6C5D
Bantam Egg
- 76894B
≈ Green Suede
- 318EA0
≈ Scooter
- 8B73AC
≈ Dahlia Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.09:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.12:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--bantam-egg: #af6c5d;
--bantam-egg-rgb: 175 108 93;
--bantam-egg-oklch: oklch(0.6 0.089 33.4);
}
.element {
color: var(--bantam-egg);
background-color: hsl(11 34% 53%);
border-color: oklch(0.6 0.089 33.4);
}Tailwind CSS v4
@theme {
--color-bantam-egg: #af6c5d;
--color-bantam-egg-50: #ffede4;
--color-bantam-egg-100: #ffded4;
--color-bantam-egg-200: #f8c7bb;
--color-bantam-egg-300: #e1a898;
--color-bantam-egg-400: #ce8b7c;
--color-bantam-egg-500: #ba6f5f;
--color-bantam-egg-600: #9d5f51;
--color-bantam-egg-700: #7e4b40;
--color-bantam-egg-800: #5d362f;
--color-bantam-egg-900: #412520;
--color-bantam-egg-950: #2a130f;
}SCSS
$bantam-egg: #af6c5d;
$bantam-egg-rgb: 175, 108, 93;
$bantam-egg-light: mix(#fff, $bantam-egg, 20%);
$bantam-egg-dark: mix(#000, $bantam-egg, 20%);
.element {
color: $bantam-egg;
box-shadow: 0 0 0 2px rgba($bantam-egg, 0.35);
}