Najbliższy nazwany kolor · #CFBEA8
#CFBEA8
Najbliższy nazwany kolor: Attic Linen
#CFBEA8 (rgb(207 190 168), hsl(34 29% 74%), oklch(0.81 0.036 74.3)) jest najbliższy nazwanemu kolorowi Attic Linen. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CFBEA8
oklch(0.81 0.036 74.3)
Konwersje koloru
- HEX
- #cfbea8
- RGB
- rgb(207 190 168)
- HSL
- hsl(34 29% 74%)
- HWB
- hwb(34 66% 19%)
- OKLCH
- oklch(0.81 0.036 74.3)
- OKLab
- oklab(0.81 0.01 0.034)
- CIE Lab
- lab(77.98 3.58 13.45)
- LCH
- lch(77.98 13.92 75.1)
- CMYK
- cmyk(0% 8% 19% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4C4B1
- D9CBB9
- DDD1C2
- E2D8CA
- E7DED3
- ECE5DC
- F1EBE4
- F5F2ED
- FAF8F6
Odcienie ciemniejsze
- B4A592
- 998C7C
- 7F7567
- 675E52
- 4F483F
- 38332C
- 231F1A
- 100D0A
- 020201
Tony
- C7B8A4
- BFB1A0
- B7AB9C
- AFA598
- A79F94
- 9F9890
- 97928C
- 8F8C88
- 888684
Harmonie kolorów
Komplementarna +180°
- CFBEA8
Attic Linen
- B2C3D8
≈ Spindle
Analogowa -30° +30°
- CFBEA8
Attic Linen
- D6BAAE
≈ Wafer
- C4C2A8
≈ Delta Waters
Triada +120° +240°
- CFBEA8
Attic Linen
- A7C9C8
≈ Impressionist Blue
- CABAD1
≈ Sweet Petal
Komplementarna rozszczepiona +150° +210°
- CFBEA8
Attic Linen
- A9C6D2
≈ Twinkle
- BEBED8
≈ Rhapsody Lilac
Tetrada +90° +180° +270°
- CFBEA8
Attic Linen
- ADC9BB
≈ Nadia
- B2C3D8
≈ Spindle
- D3B8C6
≈ Lavender Blessing
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.58:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--attic-linen: #cfbea8;
--attic-linen-rgb: 207 190 168;
--attic-linen-oklch: oklch(0.81 0.036 74.3);
}
.element {
color: var(--attic-linen);
background-color: hsl(34 29% 74%);
border-color: oklch(0.81 0.036 74.3);
}Tailwind CSS v4
@theme {
--color-attic-linen: #cfbea8;
--color-attic-linen-50: #fbf4ea;
--color-attic-linen-100: #efe7db;
--color-attic-linen-200: #ddd3c4;
--color-attic-linen-300: #c2b5a4;
--color-attic-linen-400: #ab9c88;
--color-attic-linen-500: #95836c;
--color-attic-linen-600: #7e6f5c;
--color-attic-linen-700: #655949;
--color-attic-linen-800: #4a4135;
--color-attic-linen-900: #332d24;
--color-attic-linen-950: #1f1a13;
}SCSS
$attic-linen: #cfbea8;
$attic-linen-rgb: 207, 190, 168;
$attic-linen-light: mix(#fff, $attic-linen, 20%);
$attic-linen-dark: mix(#000, $attic-linen, 20%);
.element {
color: $attic-linen;
box-shadow: 0 0 0 2px rgba($attic-linen, 0.35);
}