Benannte Farbe · #BFB4CB
Orchid Petal
Orchid Petal ist #BFB4CB: rgb(191 180 203), hsl(269 18% 75%), oklch(0.786 0.034 307.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Orchid Petal color name →
#BFB4CB
oklch(0.786 0.034 307.1)
Farbumrechnungen
- HEX
- #bfb4cb
- RGB
- rgb(191 180 203)
- HSL
- hsl(269 18% 75%)
- HWB
- hwb(269 71% 20%)
- OKLCH
- oklch(0.786 0.034 307.1)
- OKLab
- oklab(0.786 0.021 -0.027)
- CIE Lab
- lab(74.78 7.26 -10.21)
- LCH
- lch(74.78 12.53 305.4)
- CMYK
- cmyk(6% 11% 0% 20%)
Tints · Shades · Tones
Tints
- C5BBD0
- CCC3D5
- D2CADA
- D8D1E0
- DFD9E5
- E5E0EA
- EBE8EF
- F2F0F5
- F8F7FA
Shades
- A69CB0
- 8D8596
- 756E7D
- 5E5865
- 48444D
- 333037
- 1F1D22
- 0D0C0F
- 020202
Tones
- B9AFC3
- B2A9BC
- ACA4B4
- A59FAC
- 9F9AA5
- 99949D
- 928F96
- 8C8A8F
- 868587
Farbharmonien
Komplementär +180°
- BFB4CB
Orchid Petal
- B3BEA7
≈ Unroasted Coffee
Analog -30° +30°
- BFB4CB
Orchid Petal
- B3B8D0
≈ Hundred Waters
- C9B1C1
≈ Maverick
Triadisch +120° +240°
- BFB4CB
Orchid Petal
- C9B6A3
≈ Shaggy Dog
- A2C1BD
≈ Aspiring Blue
Geteilt komplementär +150° +210°
- BFB4CB
Orchid Petal
- BFBAA1
≈ Heavy Hammock
- A8C0B1
≈ Young Gecko
Tetradisch +90° +180° +270°
- BFB4CB
Orchid Petal
- CEB2AA
≈ Plymouth Notch
- B3BEA7
≈ Unroasted Coffee
- A2BFC8
≈ Juliet Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.60:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--orchid-petal: #bfb4cb;
--orchid-petal-rgb: 191 180 203;
--orchid-petal-oklch: oklch(0.786 0.034 307.1);
}
.element {
color: var(--orchid-petal);
background-color: hsl(269 18% 75%);
border-color: oklch(0.786 0.034 307.1);
}Tailwind CSS v4
@theme {
--color-orchid-petal: #bfb4cb;
--color-orchid-petal-50: #f8f3fd;
--color-orchid-petal-100: #ebe5f1;
--color-orchid-petal-200: #d8d1e0;
--color-orchid-petal-300: #bcb3c5;
--color-orchid-petal-400: #a499af;
--color-orchid-petal-500: #8c8198;
--color-orchid-petal-600: #766d81;
--color-orchid-petal-700: #5f5767;
--color-orchid-petal-800: #45404c;
--color-orchid-petal-900: #302c35;
--color-orchid-petal-950: #1c1920;
}SCSS
$orchid-petal: #bfb4cb;
$orchid-petal-rgb: 191, 180, 203;
$orchid-petal-light: mix(#fff, $orchid-petal, 20%);
$orchid-petal-dark: mix(#000, $orchid-petal, 20%);
.element {
color: $orchid-petal;
box-shadow: 0 0 0 2px rgba($orchid-petal, 0.35);
}