Najbliższy nazwany kolor · #F6E8E4
#F6E8E4
Najbliższy nazwany kolor: Petal Pink
#F6E8E4 (rgb(246 232 228), hsl(13 50% 93%), oklch(0.941 0.016 36.5)) jest najbliższy nazwanemu kolorowi Petal Pink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F6E8E4
oklch(0.941 0.016 36.5)
Konwersje koloru
- HEX
- #f6e8e4
- RGB
- rgb(246 232 228)
- HSL
- hsl(13 50% 93%)
- HWB
- hwb(13 89% 4%)
- OKLCH
- oklch(0.941 0.016 36.5)
- OKLab
- oklab(0.941 0.013 0.01)
- CIE Lab
- lab(93.04 4.41 3.74)
- LCH
- lch(93.04 5.78 40.3)
- CMYK
- cmyk(0% 6% 7% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7EAE7
- F8EDE9
- F9EFEC
- FAF1EF
- FBF3F1
- FBF6F4
- FCF8F7
- FDFAFA
- FEFDFC
Odcienie ciemniejsze
- D6CAC6
- B7ACA9
- 98908D
- 7B7472
- 5F5958
- 45403F
- 2C2928
- 151312
- 030303
Tony
- EADDDA
- DDD2CF
- D1C8C5
- C5BDBB
- B9B3B1
- AEA8A7
- A29E9D
- 969493
- 8B8A8A
Harmonie kolorów
Komplementarna +180°
- F6E8E4
Petal Pink
- E0EEF3
≈ Diamond White
Analogowa -30° +30°
- F6E8E4
Petal Pink
- F6E7EA
≈ Amour Frais
- F3EAE0
≈ Scalloped Shell
Triada +120° +240°
- F6E8E4
Petal Pink
- E3EFE7
≈ Mountain Crystal Silver
- E8EBF7
≈ Silver Phoenix
Komplementarna rozszczepiona +150° +210°
- F6E8E4
Petal Pink
- E0EFED
≈ Thawed Out
- E3EDF6
≈ Out Cold
Tetrada +90° +180° +270°
- F6E8E4
Petal Pink
- E9EEE2
≈ At Ease
- E0EEF3
≈ Diamond White
- EEE9F4
≈ Tranquil Eve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.58:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--petal-pink: #f6e8e4;
--petal-pink-rgb: 246 232 228;
--petal-pink-oklch: oklch(0.941 0.016 36.5);
}
.element {
color: var(--petal-pink);
background-color: hsl(13 50% 93%);
border-color: oklch(0.941 0.016 36.5);
}Tailwind CSS v4
@theme {
--color-petal-pink: #f6e8e4;
--color-petal-pink-50: #faf4f2;
--color-petal-pink-100: #ede6e4;
--color-petal-pink-200: #dbd2cf;
--color-petal-pink-300: #bfb5b1;
--color-petal-pink-400: #a89b98;
--color-petal-pink-500: #90837f;
--color-petal-pink-600: #7a6f6b;
--color-petal-pink-700: #625856;
--color-petal-pink-800: #48403f;
--color-petal-pink-900: #322c2b;
--color-petal-pink-950: #1e1918;
}SCSS
$petal-pink: #f6e8e4;
$petal-pink-rgb: 246, 232, 228;
$petal-pink-light: mix(#fff, $petal-pink, 20%);
$petal-pink-dark: mix(#000, $petal-pink, 20%);
.element {
color: $petal-pink;
box-shadow: 0 0 0 2px rgba($petal-pink, 0.35);
}