色名 · #CBBEB5
Race Track
Race Trackは#CBBEB5：rgb(203 190 181)、hsl(25 17% 75%)、oklch(0.81 0.019 57.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Race Track color name →
#CBBEB5
oklch(0.81 0.019 57.2)
カラー変換
- HEX
- #cbbeb5
- RGB
- rgb(203 190 181)
- HSL
- hsl(25 17% 75%)
- HWB
- hwb(25 71% 20%)
- OKLCH
- oklch(0.81 0.019 57.2)
- OKLab
- oklab(0.81 0.01 0.016)
- CIE Lab
- lab(77.88 3.6 6.29)
- LCH
- lch(77.88 7.25 60.2)
- CMYK
- cmyk(0% 6% 11% 20%)
ティント · シェード · トーン
ティント
- D0C4BC
- D5CBC3
- DAD1CB
- E0D8D2
- E5DED9
- EAE5E1
- EFEBE8
- F4F2F0
- FAF8F7
シェード
- B0A59D
- 968C86
- 7D756F
- 655E59
- 4D4844
- 373330
- 221F1D
- 0F0D0C
- 020202
トーン
- C3B8B0
- BCB1AA
- B4ABA5
- ACA59F
- A59E9A
- 9D9895
- 969290
- 8F8C8A
- 878685
カラーハーモニー
補色 +180°
- CBBEB5
Race Track
- B6C3CC
≈ Icebreaker
類似色 -30° +30°
- CBBEB5
Race Track
- CDBCBA
≈ Hushed Violet
- C6C0B3
≈ Colonnade Stone
トライアド +120° +240°
- CBBEB5
Race Track
- B4C5C0
≈ Blustery Wind
- C2BECC
≈ Gentleman’s Suit
スプリットコンプリメンタリー +150° +210°
- CBBEB5
Race Track
- B3C5C7
≈ Blue Agave
- BBC1CE
≈ Grey Dawn
テトラード +90° +180° +270°
- CBBEB5
Race Track
- B9C4BA
≈ Bog Fog
- B6C3CC
≈ Icebreaker
- C8BDC7
≈ Glass Bead
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.57:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.57:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--race-track: #cbbeb5;
--race-track-rgb: 203 190 181;
--race-track-oklch: oklch(0.81 0.019 57.2);
}
.element {
color: var(--race-track);
background-color: hsl(25 17% 75%);
border-color: oklch(0.81 0.019 57.2);
}Tailwind CSS v4
@theme {
--color-race-track: #cbbeb5;
--color-race-track-50: #faf4f0;
--color-race-track-100: #ede6e2;
--color-race-track-200: #dbd2cc;
--color-race-track-300: #bfb5ae;
--color-race-track-400: #a89c94;
--color-race-track-500: #91837a;
--color-race-track-600: #7a6f67;
--color-race-track-700: #625953;
--color-race-track-800: #48413c;
--color-race-track-900: #322d29;
--color-race-track-950: #1e1a17;
}SCSS
$race-track: #cbbeb5;
$race-track-rgb: 203, 190, 181;
$race-track-light: mix(#fff, $race-track, 20%);
$race-track-dark: mix(#000, $race-track, 20%);
.element {
color: $race-track;
box-shadow: 0 0 0 2px rgba($race-track, 0.35);
}