Benoemde kleur · #CDCFDB
Floral Note
Floral Note is #CDCFDB: rgb(205 207 219), hsl(231 16% 83%), oklch(0.857 0.017 278.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Floral Note color name →
#CDCFDB
oklch(0.857 0.017 278.5)
Kleurconversies
- HEX
- #cdcfdb
- RGB
- rgb(205 207 219)
- HSL
- hsl(231 16% 83%)
- HWB
- hwb(231 80% 14%)
- OKLCH
- oklch(0.857 0.017 278.5)
- OKLab
- oklab(0.857 0.002 -0.016)
- CIE Lab
- lab(83.24 0.98 -6.21)
- LCH
- lch(83.24 6.29 279)
- CMYK
- cmyk(6% 5% 0% 14%)
Tinten · Schaduwen · Tonen
Tinten
- D2D4DF
- D7D8E2
- DCDDE6
- E1E2E9
- E6E7ED
- EBECF1
- F0F0F4
- F5F5F8
- FAFAFB
Schaduwen
- B2B4BE
- 9899A2
- 7E7F87
- 66676D
- 4E4F54
- 38383C
- 232326
- 0F1011
- 020202
Tonen
- C5C7D2
- BDBFC8
- B5B7BF
- ADAFB6
- A6A7AC
- 9E9FA3
- 96979A
- 8F8F91
- 878889
Kleurharmonieën
Complementair +180°
- CDCFDB
Floral Note
- D2D0C4
≈ Silver Birch
Analoog -30° +30°
- CDCFDB
Floral Note
- C8D1DB
≈ Memory Lane
- D3CDD8
≈ Kundalini Bliss
Triadisch +120° +240°
- CDCFDB
Floral Note
- DACCC8
≈ Nut Milk
- C7D3CC
≈ Touch of Spring
Gesplitst complementair +150° +210°
- CDCFDB
Floral Note
- D7CEC5
≈ Swirl
- CCD2C7
≈ Fundy Bay
Tetradisch +90° +180° +270°
- CDCFDB
Floral Note
- DACCCE
≈ Shinkansen White
- D2D0C4
≈ Silver Birch
- C4D4D2
≈ Winter Garden
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.54:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--floral-note: #cdcfdb;
--floral-note-rgb: 205 207 219;
--floral-note-oklch: oklch(0.857 0.017 278.5);
}
.element {
color: var(--floral-note);
background-color: hsl(231 16% 83%);
border-color: oklch(0.857 0.017 278.5);
}Tailwind CSS v4
@theme {
--color-floral-note: #cdcfdb;
--color-floral-note-50: #f4f5fa;
--color-floral-note-100: #e7e7ed;
--color-floral-note-200: #d3d4db;
--color-floral-note-300: #b5b7c0;
--color-floral-note-400: #9c9ea8;
--color-floral-note-500: #838591;
--color-floral-note-600: #6f717b;
--color-floral-note-700: #595a62;
--color-floral-note-800: #414248;
--color-floral-note-900: #2d2d32;
--color-floral-note-950: #1a1a1e;
}SCSS
$floral-note: #cdcfdb;
$floral-note-rgb: 205, 207, 219;
$floral-note-light: mix(#fff, $floral-note, 20%);
$floral-note-dark: mix(#000, $floral-note, 20%);
.element {
color: $floral-note;
box-shadow: 0 0 0 2px rgba($floral-note, 0.35);
}