Benannte Farbe · #CD5B26
Bright Delight
Bright Delight ist #CD5B26: rgb(205 91 38), hsl(19 69% 48%), oklch(0.607 0.158 42.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bright Delight color name →
#CD5B26
oklch(0.607 0.158 42.7)
Farbumrechnungen
- HEX
- #cd5b26
- RGB
- rgb(205 91 38)
- HSL
- hsl(19 69% 48%)
- HWB
- hwb(19 15% 20%)
- OKLCH
- oklch(0.607 0.158 42.7)
- OKLab
- oklab(0.607 0.116 0.108)
- CIE Lab
- lab(53.17 44.12 51.21)
- LCH
- lch(53.17 67.59 49.3)
- CMYK
- cmyk(0% 56% 81% 20%)
Tints · Shades · Tones
Tints
- D46D41
- DA7E57
- E18E6D
- E69E82
- EBAF96
- F0BFAB
- F5CFC0
- F9DFD5
- FCEFEA
Shades
- B24E20
- 984119
- 7E3513
- 66290D
- 4E1E08
- 381304
- 230902
- 0F0301
- 020000
Tones
- C66034
- BF653F
- B86A49
- B16E52
- AA715B
- A27563
- 9A786A
- 927B72
- 897E79
Farbharmonien
Komplementär +180°
- CD5B26
Bright Delight
- 0090B3
≈ Cool Tide
Analog -30° +30°
- CD5B26
Bright Delight
- CF5267
≈ Cabaret
- B07300
≈ Philippine Gold
Triadisch +120° +240°
- CD5B26
Bright Delight
- 009A6B
≈ Green Cyan
- 7772DD
≈ C64 Purple
Geteilt komplementär +150° +210°
- CD5B26
Bright Delight
- 009593
≈ Intermezzo
- 2D84DD
≈ Blue Cola
Tetradisch +90° +180° +270°
- CD5B26
Bright Delight
- 5B951C
≈ Limeade
- 0090B3
≈ Cool Tide
- A261C5
≈ Trunks Hair
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.10:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.12:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--bright-delight: #cd5b26;
--bright-delight-rgb: 205 91 38;
--bright-delight-oklch: oklch(0.607 0.158 42.7);
}
.element {
color: var(--bright-delight);
background-color: hsl(19 69% 48%);
border-color: oklch(0.607 0.158 42.7);
}Tailwind CSS v4
@theme {
--color-bright-delight: #cd5b26;
--color-bright-delight-50: #ffe8d0;
--color-bright-delight-100: #ffd8bd;
--color-bright-delight-200: #ffbf9c;
--color-bright-delight-300: #fa9c71;
--color-bright-delight-400: #ea7b4c;
--color-bright-delight-500: #d85918;
--color-bright-delight-600: #b64c18;
--color-bright-delight-700: #933d14;
--color-bright-delight-800: #6e2b0f;
--color-bright-delight-900: #4d1d09;
--color-bright-delight-950: #330c00;
}SCSS
$bright-delight: #cd5b26;
$bright-delight-rgb: 205, 91, 38;
$bright-delight-light: mix(#fff, $bright-delight, 20%);
$bright-delight-dark: mix(#000, $bright-delight, 20%);
.element {
color: $bright-delight;
box-shadow: 0 0 0 2px rgba($bright-delight, 0.35);
}