Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
ホーム/カラー/#F8ECD7

最も近い色名 · #F8ECD7

#F8ECD7

最も近い色名: Mimosa

#F8ECD7(rgb(248 236 215)、hsl(38 70% 91%)、oklch(0.947 0.031 81.8))に最も近い色名はMimosaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? →

#F8ECD7

oklch(0.947 0.031 81.8)

カラー変換

HEX
#f8ecd7
RGB
rgb(248 236 215)
HSL
hsl(38 70% 91%)
HWB
hwb(38 84% 3%)
OKLCH
oklch(0.947 0.031 81.8)
OKLab
oklab(0.947 0.004 0.03)
CIE Lab
lab(93.94 1.66 11.75)
LCH
lch(93.94 11.87 82)
CMYK
cmyk(0% 5% 13% 3%)

ティント · シェード · トーン

ティント

  • F9EEDB
  • F9F0DF
  • FAF2E3
  • FBF4E7
  • FCF6EB
  • FCF7EF
  • FDF9F3
  • FEFBF7
  • FEFDFB

シェード

  • D8CDBB
  • B8AF9F
  • 9A9285
  • 7C766B
  • 605B52
  • 45423B
  • 2C2925
  • 151311
  • 030302

トーン

  • EBE1CE
  • DFD5C5
  • D3CABC
  • C6BFB3
  • BAB5AB
  • AEAAA2
  • A29F99
  • 979591
  • 8B8A88

カラーハーモニー

補色 +180°

  • F8ECD7

    Mimosa

  • E4EEFF

    ≈ Brilliant White

類似色 -30° +30°

  • F8ECD7

    Mimosa

  • FFE8DC

    ≈ Guiding Star

  • EEF0D9

    ≈ Yellow Emulsion

トライアド +120° +240°

  • F8ECD7

    Mimosa

  • D7F4F6

    ≈ Fishious Rend

  • F8E7FA

    ≈ Soft Lavender

スプリットコンプリメンタリー +150° +210°

  • F8ECD7

    Mimosa

  • DAF2FF

    ≈ Wizard White

  • EDEBFF

    ≈ Placebo Purple

テトラード +90° +180° +270°

  • F8ECD7

    Mimosa

  • DAF5EB

    ≈ Diluted Mint

  • E4EEFF

    ≈ Brilliant White

  • FFE6F0

    ≈ Cherubic

コントラストとアクセシビリティ

Ag

白の上

WCAG 1.16:1 · APCA Lc 8

Fail
Ag

黒の上

WCAG 17.97:1 · APCA Lc 96

AAA

最適な文字色: #000000

WCAG 17.97:1 (AAA) · APCA Lc 96

Contrast pairs

  • #F8ECD7 / #FFFFFF
  • #F8ECD7 / #000000
  • #FFFFFF / #F8ECD7
  • #000000 / #F8ECD7

コードスニペット

CSS

:root {
  --mimosa: #f8ecd7;
  --mimosa-rgb: 248 236 215;
  --mimosa-oklch: oklch(0.947 0.031 81.8);
}

.element {
  color: var(--mimosa);
  background-color: hsl(38 70% 91%);
  border-color: oklch(0.947 0.031 81.8);
}

Tailwind CSS v4

@theme {
  --color-mimosa: #f8ecd7;
  --color-mimosa-50: #f9f5ec;
  --color-mimosa-100: #ede7dd;
  --color-mimosa-200: #dad3c6;
  --color-mimosa-300: #bfb6a6;
  --color-mimosa-400: #a89d8a;
  --color-mimosa-500: #918570;
  --color-mimosa-600: #7a705f;
  --color-mimosa-700: #625a4b;
  --color-mimosa-800: #484137;
  --color-mimosa-900: #322d25;
  --color-mimosa-950: #1e1a14;
}

SCSS

$mimosa: #f8ecd7;
$mimosa-rgb: 248, 236, 215;
$mimosa-light: mix(#fff, $mimosa, 20%);
$mimosa-dark: mix(#000, $mimosa, 20%);

.element {
  color: $mimosa;
  box-shadow: 0 0 0 2px rgba($mimosa, 0.35);
}

近い色名

  • F7ECD8

    Ranier White

  • F8EDD7

    Gracious

  • F7EBD6

    Encaje Aperlado

  • FAEBD7

    Milk Tooth

  • F7EDDA

    Venetian Lace

  • F8EBD4

    Dollop of Cream

  • F6EBD7

    Old Pearls

  • FAECD9

    Ajo Lily

  • F6EDDA

    Spinning Wheel

  • F9ECDA

    Marfil

  • FBEBD6

    Moccasin

  • FBECD8

    White Blush

Palettes with this color

  • True Glazed Chestnut EmberTrending · Green

Palettes with similar colors

  • Low Jungle King PrismGreen · Gray
  • Steady Retro Vibe GroveGreen · Warm
  • True Wing Commander LedgerViolet · Cold
  • Classic Pyramid NoirGreen · Gray
  • Steady Gingerbread Crumble KilnYellow · Warm
  • Low Chocolate Castle MeadowYellow · Warm

ツールで開く

ピッカーペアコントラストチェッカーStudioJSON API
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA