Nazwany kolor · #CD7A50
Challah Bread
Challah Bread to #CD7A50: rgb(205 122 80), hsl(20 56% 56%), oklch(0.661 0.118 46.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Challah Bread color name →
#CD7A50
oklch(0.661 0.118 46.8)
Konwersje koloru
- HEX
- #cd7a50
- RGB
- rgb(205 122 80)
- HSL
- hsl(20 56% 56%)
- HWB
- hwb(20 31% 20%)
- OKLCH
- oklch(0.661 0.118 46.8)
- OKLab
- oklab(0.661 0.081 0.086)
- CIE Lab
- lab(59.91 30.37 37.24)
- LCH
- lch(59.91 48.05 50.8)
- CMYK
- cmyk(0% 40% 61% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D38762
- D99573
- DEA285
- E4AF96
- E9BCA7
- EECAB9
- F2D7CA
- F7E4DB
- FBF2ED
Odcienie ciemniejsze
- B26944
- 985939
- 7E492E
- 663A24
- 4E2B1A
- 381D10
- 231007
- 0F0502
- 020100
Tony
- C67B56
- BE7C5C
- B77D61
- B07E66
- A87F6B
- A07F6F
- 988074
- 908078
- 88807C
Harmonie kolorów
Komplementarna +180°
- CD7A50
Challah Bread
- 25A0CA
≈ Charybdis
Analogowa -30° +30°
- CD7A50
Challah Bread
- D17278
≈ Lotus Red
- BB8831
≈ Burnished Copper
Triada +120° +240°
- CD7A50
Challah Bread
- 35A983
≈ Herbal
- 8E86D7
≈ Indigo Bloom
Komplementarna rozszczepiona +150° +210°
- CD7A50
Challah Bread
- 00A7AA
≈ Blue Bolero
- 6194DA
≈ Little Boy Blue
Tetrada +90° +180° +270°
- CD7A50
Challah Bread
- 6FA358
≈ Off Green
- 25A0CA
≈ Charybdis
- AF7BC2
≈ Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.23:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.49:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--challah-bread: #cd7a50;
--challah-bread-rgb: 205 122 80;
--challah-bread-oklch: oklch(0.661 0.118 46.8);
}
.element {
color: var(--challah-bread);
background-color: hsl(20 56% 56%);
border-color: oklch(0.661 0.118 46.8);
}Tailwind CSS v4
@theme {
--color-challah-bread: #cd7a50;
--color-challah-bread-50: #ffecd8;
--color-challah-bread-100: #ffddc6;
--color-challah-bread-200: #ffc6a8;
--color-challah-bread-300: #e9a581;
--color-challah-bread-400: #d88860;
--color-challah-bread-500: #c46a3b;
--color-challah-bread-600: #a65a33;
--color-challah-bread-700: #854828;
--color-challah-bread-800: #63341d;
--color-challah-bread-900: #462313;
--color-challah-bread-950: #2d1205;
}SCSS
$challah-bread: #cd7a50;
$challah-bread-rgb: 205, 122, 80;
$challah-bread-light: mix(#fff, $challah-bread, 20%);
$challah-bread-dark: mix(#000, $challah-bread, 20%);
.element {
color: $challah-bread;
box-shadow: 0 0 0 2px rgba($challah-bread, 0.35);
}