Benannte Farbe · #CBAA7D
Flax Straw
Flax Straw ist #CBAA7D: rgb(203 170 125), hsl(35 43% 64%), oklch(0.757 0.071 75). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Flax Straw color name →
#CBAA7D
oklch(0.757 0.071 75)
Farbumrechnungen
- HEX
- #cbaa7d
- RGB
- rgb(203 170 125)
- HSL
- hsl(35 43% 64%)
- HWB
- hwb(35 49% 20%)
- OKLCH
- oklch(0.757 0.071 75)
- OKLab
- oklab(0.757 0.019 0.069)
- CIE Lab
- lab(71.79 7.86 27.97)
- LCH
- lch(71.79 29.05 74.3)
- CMYK
- cmyk(0% 16% 38% 20%)
Tints · Shades · Tones
Tints
- D0B28A
- D6BB97
- DBC3A4
- E0CCB1
- E5D4BE
- EADDCB
- F0E5D8
- F5EEE5
- FAF6F2
Shades
- B0936C
- 967D5B
- 7D684B
- 65533B
- 4D3F2C
- 372D1E
- 221B11
- 0F0B05
- 020101
Tones
- C3A67E
- BCA27E
- B49D7F
- AD997F
- A59580
- 9E9180
- 968D80
- 8F8880
- 878480
Farbharmonien
Komplementär +180°
- CBAA7D
Flax Straw
- 92B3DD
≈ Echo Isles Water
Analog -30° +30°
- CBAA7D
Flax Straw
- D7A28B
≈ Shetland Pony
- B6B37E
≈ Leek Powder
Triadisch +120° +240°
- CBAA7D
Flax Straw
- 78BFBE
≈ Gentle Wave
- C1A3D0
≈ Lilac Lace
Geteilt komplementär +150° +210°
- CBAA7D
Flax Straw
- 7DBAD2
≈ Petit Four
- ABAADC
≈ Childish Wonder
Tetradisch +90° +180° +270°
- CBAA7D
Flax Straw
- 85BFA5
≈ Baby Cake
- 92B3DD
≈ Echo Isles Water
- D29EBA
≈ Sweet Perfume
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.58:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--flax-straw: #cbaa7d;
--flax-straw-rgb: 203 170 125;
--flax-straw-oklch: oklch(0.757 0.071 75);
}
.element {
color: var(--flax-straw);
background-color: hsl(35 43% 64%);
border-color: oklch(0.757 0.071 75);
}Tailwind CSS v4
@theme {
--color-flax-straw: #cbaa7d;
--color-flax-straw-50: #fff3df;
--color-flax-straw-100: #f6e5ce;
--color-flax-straw-200: #e6d1b3;
--color-flax-straw-300: #ccb38f;
--color-flax-straw-400: #b8996f;
--color-flax-straw-500: #a27f4f;
--color-flax-straw-600: #896c43;
--color-flax-straw-700: #6e5635;
--color-flax-straw-800: #523f26;
--color-flax-straw-900: #392b19;
--color-flax-straw-950: #23180a;
}SCSS
$flax-straw: #cbaa7d;
$flax-straw-rgb: 203, 170, 125;
$flax-straw-light: mix(#fff, $flax-straw, 20%);
$flax-straw-dark: mix(#000, $flax-straw, 20%);
.element {
color: $flax-straw;
box-shadow: 0 0 0 2px rgba($flax-straw, 0.35);
}